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

 更新时间:2007年03月18日 00:00:00   作者:  

复制代码 代码如下:

<!-- 
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; 
    } 



//-->

文件打包下载

相关文章

  • 小程序实现人脸识别的项目实践

    小程序实现人脸识别的项目实践

    人脸识别在现在很多地方都可以用的到,例如支付,解锁等,本文就来介绍一下小程序实现人脸识别,具有一定的参考价值,感兴趣的可以了解一下
    2023-10-10
  • JavaScript forEach()遍历函数使用及介绍

    JavaScript forEach()遍历函数使用及介绍

    这篇文章主要介绍了JavaScript forEach()遍历函数使用及介绍,本文讲解了使用forEach遍历数组的用法以及提前终止循环的一个方法技巧,需要的朋友可以参考下
    2015-07-07
  • javascript cookies操作集合

    javascript cookies操作集合

    因为最近要控制广告,所以从绿盟与脚本之家页面上,整理了一些cookies的操作控制代码,喜欢的朋友不容错过。
    2010-04-04
  • js中forEach,for in,for of循环的用法示例小结

    js中forEach,for in,for of循环的用法示例小结

    这篇文章主要介绍了js中forEach,for in,for of循环的用法,结合实例形式总结分析了js中forEach,for in,for of循环相关使用技巧与操作注意事项,需要的朋友可以参考下
    2020-03-03
  • js实现网页计算器

    js实现网页计算器

    这篇文章主要为大家详细介绍了js实现网页计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • JS基于FileSystemObject创建一个指定路径的TXT文本文件

    JS基于FileSystemObject创建一个指定路径的TXT文本文件

    这篇文章主要介绍了JS基于FileSystemObject创建一个指定路径的TXT文本文件,涉及javascript使用ActiveXObject控件中FileSystemObject对象模型的基本技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 详解webpack编译速度提升之DllPlugin

    详解webpack编译速度提升之DllPlugin

    这篇文章主要介绍了webpack编译速度提升之DllPlugin,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-02-02
  • JavaScript队列数据结构详解

    JavaScript队列数据结构详解

    这篇文章主要介绍了JavaScript队列数据结构详解,队列是一种先进先出的数据结构,队列中允许两种基础操作,也就是插入和删除,也就是入队和出队
    2022-07-07
  • JS和Canvas实现图片的预览压缩和上传功能

    JS和Canvas实现图片的预览压缩和上传功能

    这篇文章主要介绍了JS和Canvas实现图片的预览压缩和上传功能,实现此功能大概有两步,第一步用户选择需要上传的图片,第二步获取图片资源压缩预览上传,具体实现代码大家参考下本文
    2018-03-03
  • 利用uniapp开发APP时的调试/安卓打包等详解

    利用uniapp开发APP时的调试/安卓打包等详解

    uni-app​​是一个使用​​Vue.js开发所有前端应用的框架,开发者编写一套代码,下面这篇文章主要给大家介绍了关于利用uniapp开发APP时的调试/安卓打包等的相关资料,需要的朋友可以参考下
    2022-12-12

最新评论