用roll.js实现的图片自动滚动+鼠标触动的特效


Posted in Javascript onMarch 18, 2007
<!--  
var sh;  
marqueesWidth=533;  
preLeft=0; currentLeft=0; stopscroll=false; getlimit=0;preTop=0; currentTop=0;  function scrollLeft()  
{  
    if(stopscroll==true) return;  
    preLeft=marquees.scrollLeft;  
    marquees.scrollLeft+=2;  
    if(preLeft==marquees.scrollLeft)  
    {  
        //marquees.scrollLeft=templayer.offsetWidth-marqueesWidth+1;  
    }  
}  
function scrollRight()  
{  
    if(stopscroll==true) return;  
    preLeft=marquees.scrollLeft;  
    marquees.scrollLeft-=2;  
    if(preLeft==marquees.scrollLeft)  
    {  
        if(!getlimit)  
        {  
            marquees.scrollLeft=templayer.offsetWidth*2;  
            getlimit=marquees.scrollLeft;  
        }  
        marquees.scrollLeft-=1;  
    }  
}  
function Left()  
{  
    stopscroll = false;  
    sh = setInterval("scrollLeft()",20);  
}  
function Right()  
{  
    stopscroll = false;  
    sh = setInterval("scrollRight()",20);  
}  
function StopScroll()  
{  
    stopscroll = true;  
    clearInterval( sh );  
}  

function SelectType(value)  
{  
    document.all.sendForm.page.value = 1;  
    document.all.sendForm.type.value = value;  
    document.all.sendForm.submit();  
}  
function init()  
{  
    with(marquees)  
    {  
        style.height=0;  
        style.width=marqueesWidth;  
        style.overflowX="hidden";  
        style.overflowY="visible";  
        style.align = "center";  
        noWrap=true;  
    }  
}  

//-->

文件打包下载
Javascript 相关文章推荐
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
Mar 10 Javascript
jQuery实现新消息闪烁标题提示的方法
Mar 11 Javascript
JS实现选中当前菜单后高亮显示的导航条效果
Oct 15 Javascript
javascript prototype原型详解(比较基础)
Dec 26 Javascript
angularJS 指令封装回到顶部示例详解
Jan 22 Javascript
使用原生的javascript来实现轮播图
Feb 24 Javascript
vue.js事件处理器是什么
Mar 20 Javascript
利用JS如何计算字符串所占字节数示例代码
Sep 13 Javascript
vue利用axios来完成数据的交互
Mar 23 Javascript
JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析
Jul 26 Javascript
vue总线机制(bus)知识点详解
May 10 Javascript
原生Js 实现的简单无缝滚动轮播图的示例代码
May 10 Javascript
表单提交时自动复制内容到剪贴板的js代码
Mar 16 #Javascript
用javascript自动显示最后更新时间
Mar 15 #Javascript
用js实现预览待上传的本地图片
Mar 15 #Javascript
从新浪弄下来的全屏广告代码 与使用说明
Mar 15 #Javascript
Z-Blog中用到的js代码
Mar 15 #Javascript
htm调用JS代码
Mar 15 #Javascript
QQ邮箱的一个文本编辑器代码
Mar 14 #Javascript
You might like
php中的数组操作函数整理
2008/08/18 PHP
php 日期时间处理函数小结
2009/12/18 PHP
php使用json_encode对变量json编码
2014/04/07 PHP
php实时倒计时功能实现方法详解
2017/02/27 PHP
php框架CodeIgniter使用redis的方法分析
2018/04/13 PHP
PHP addcslashes()函数讲解
2019/02/03 PHP
laravel5环境隐藏index.php后缀(apache)的方法
2019/10/12 PHP
PHP使用Http Post请求发送Json对象数据代码解析
2020/07/16 PHP
Google Dart编程语法和基本类型学习教程
2013/11/27 Javascript
JQuery中阻止事件冒泡几种方式及其区别介绍
2014/01/15 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
2014/11/20 Javascript
js实现jquery的offset()方法实例
2015/01/10 Javascript
jQuery实现点击小图显示大图代码分享
2015/08/25 Javascript
JS闭包与延迟求值用法示例
2016/12/22 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
2016/12/22 Javascript
vue.js将unix时间戳转换为自定义时间格式
2017/01/03 Javascript
浅谈node的事件机制
2017/10/09 Javascript
nodeJS服务器的创建和重新启动的实现方法
2018/05/12 NodeJs
vue学习笔记五:在vue项目里面使用引入公共方法详解
2019/04/04 Javascript
Vue实现点击显示不同图片的效果
2019/08/10 Javascript
js实现窗口全屏示例详解
2019/09/17 Javascript
vue循环数组改变点击文字的颜色
2019/10/14 Javascript
javascript浅层克隆、深度克隆对比及实例解析
2020/02/09 Javascript
vue中h5端打开app(判断是安卓还是苹果)
2021/02/26 Vue.js
[57:59]EG vs Secret 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
Python标准库与第三方库详解
2014/07/22 Python
Python实现的选择排序算法原理与用法实例分析
2017/11/22 Python
深入理解Python 关于supper 的 用法和原理
2018/02/28 Python
Python管理Windows服务小脚本
2018/03/12 Python
GUESS Factory加拿大:牛仔裤、服装及配饰
2019/09/20 全球购物
如何判断一段程序是由C 编译程序还是由C++编译程序编译的
2013/08/04 面试题
Tomcat的缺省是多少,怎么修改
2014/04/09 面试题
高级方案规划工程师岗位职责
2013/11/29 职场文书
协议书范本
2014/04/23 职场文书
Django利用AJAX技术实现博文实时搜索
2021/05/06 Python
Android Canvas绘制文字横纵向对齐
2022/06/05 Java/Android