用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 相关文章推荐
jquery+json实现数据列表分页示例代码
Nov 15 Javascript
setTimeout自动触发一个js的方法
Jan 15 Javascript
js实现绿白相间竖向网页百叶窗动画切换效果
Mar 02 Javascript
Node.js程序中的本地文件操作用法小结
Mar 06 Javascript
详解Matlab中 sort 函数用法
Mar 20 Javascript
基于javascript bootstrap实现生日日期联动选择
Apr 07 Javascript
jQuery实现日期联动效果实例
Jul 26 Javascript
vue实现全选、反选功能
Nov 17 Javascript
如何在vue里添加好看的lottie动画
Aug 02 Javascript
jquery-ui 进度条功能示例【测试可用】
Jul 25 jQuery
Vue使用mixin分发组件的可复用功能
Sep 01 Javascript
浅谈JavaScript 声明提升
Sep 14 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的静态成员函数效率更高的原因
2014/06/13 PHP
PHP生成随机密码类分享
2014/06/25 PHP
ThinkPHP文件上传实例教程
2014/08/22 PHP
PHP中array_slice函数用法实例详解
2014/11/25 PHP
Yii实现自动加载类地图的方法
2015/04/01 PHP
Javascript 实用小技巧
2010/04/07 Javascript
jquery 学习之二 属性 文本与值(text,val)
2010/11/25 Javascript
JS写的贪吃蛇游戏(个人练习)
2013/07/08 Javascript
js转化毫秒为时间格式代码
2014/04/10 Javascript
JS日期加减,日期运算代码
2015/11/05 Javascript
跨域请求的完美解决方法(JSONP, CORS)
2016/06/12 Javascript
jQuery ztree实现动态树形多选菜单
2016/08/12 Javascript
微信小程序 详解页面跳转与返回并回传数据
2017/02/13 Javascript
canvas实现十二星座星空图
2017/02/14 Javascript
Vue2.0 多 Tab切换组件的封装实例
2017/07/28 Javascript
JSON 数据格式详解
2017/09/13 Javascript
深入理解Vue nextTick 机制
2018/04/28 Javascript
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
2019/02/20 jQuery
node.js中Buffer缓冲器的原理与使用方法分析
2019/11/23 Javascript
vue基础知识--axios合并请求和slot
2020/06/04 Javascript
如何使用jQuery操作Cookies方法解析
2020/09/08 jQuery
微信小程序实现签到弹窗动画
2020/09/21 Javascript
Python程序设计入门(2)变量类型简介
2014/06/16 Python
Python实现二维曲线拟合的方法
2018/12/29 Python
Python numpy多维数组实现原理详解
2020/03/10 Python
windows10 pycharm下安装pyltp库和加载模型实现语义角色标注的示例代码
2020/05/07 Python
详解Python中import机制
2020/09/11 Python
如何通过python检查文件是否被占用
2020/12/18 Python
html5中为audio标签增加停止按钮动作实现方法
2013/01/04 HTML / CSS
玖熙女鞋美国官网:Nine West
2016/10/06 全球购物
函授大专自我鉴定
2013/11/01 职场文书
酒店管理专业毕业生推荐信
2013/11/10 职场文书
毕业生学校组织意见
2015/06/04 职场文书
2016元旦文艺汇演主持词
2015/07/06 职场文书
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
2021/04/13 Javascript
基于HTML十秒做出淘宝页面
2021/10/24 HTML / CSS