用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关于页面焦点的定位(文本框获取焦点时改变样式 )
Sep 10 Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
Dec 28 Javascript
js设置文本框中焦点位置在最后的示例代码(简单实用)
Mar 04 Javascript
对于Form表单reset方法的新认识
Mar 05 Javascript
使用iframe window的scroll方法控制iframe页面滚动
Mar 05 Javascript
基于javascript编写简单日历
May 02 Javascript
详解微信小程序 页面跳转 传递参数
Dec 08 Javascript
利用types增强vscode中js代码提示功能详解
Jul 07 Javascript
微信小程序收藏功能的实现代码
Jun 12 Javascript
详解webpack+ES6+Sass搭建多页面应用
Nov 05 Javascript
使用 Vue 实现一个虚拟列表的方法
Aug 20 Javascript
如何实现vue的tree组件
Dec 03 Vue.js
表单提交时自动复制内容到剪贴板的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中使用session_set_save_handler()函数把session保存到MySQL数据库实例
2014/11/06 PHP
php数组排序usort、uksort与sort函数用法
2014/11/17 PHP
PHP框架性能测试报告
2016/05/08 PHP
PHP文件操作简单介绍及函数汇总
2020/12/11 PHP
javascript之水平横向滚动歌词同步的应用
2007/05/07 Javascript
Jquery升级新版本后选择器的语法问题
2010/06/02 Javascript
为Extjs加加速(javascript加速)
2010/08/19 Javascript
16个最流行的JavaScript框架[推荐]
2011/05/29 Javascript
javascript打印大全(打印页面设置/打印预览代码)
2013/03/29 Javascript
jquery重新播放css动画所遇问题解决
2013/08/21 Javascript
在JavaScript中处理时间之setMinutes()方法的使用
2015/06/11 Javascript
jquery+CSS实现的多级竖向展开树形TRee菜单效果
2015/08/24 Javascript
JS使用cookie实现DIV提示框只显示一次的方法
2015/11/05 Javascript
星期几的不同脚本写法(推荐)
2016/06/01 Javascript
js 弹出虚拟键盘修改密码的简单实例
2016/10/10 Javascript
浅谈jquery中next与siblings的区别
2016/10/27 Javascript
微信小程序中单位rpx和rem的使用
2016/12/06 Javascript
jquery使用EasyUI Tree异步加载JSON数据(生成树)
2017/02/11 Javascript
Node.js实现文件上传的示例
2017/06/28 Javascript
详解JS构造函数中this和return
2017/09/16 Javascript
在vue项目中使用sass的配置方法
2018/03/20 Javascript
JavaScript解析JSON数据示例
2019/07/16 Javascript
layui layer select 选择被遮挡的解决方法
2019/09/21 Javascript
讲解Python中fileno()方法的使用
2015/05/24 Python
Python实现扩展内置类型的方法分析
2017/10/16 Python
Python序列循环移位的3种方法推荐
2018/04/09 Python
使用python绘制二维图形示例
2019/11/22 Python
python 装饰器功能与用法案例详解
2020/03/06 Python
CSS3颜色值RGBA与渐变色使用介绍
2020/03/06 HTML / CSS
html5教程画矩形代码分享
2013/12/04 HTML / CSS
HTML5 video 上传预览图片视频如何设置、预览视频某秒的海报帧
2018/08/28 HTML / CSS
消防安全标语
2014/06/07 职场文书
党员自我剖析材料(群众路线)
2014/10/06 职场文书
总经理年会致辞
2015/07/29 职场文书
决心书格式范文
2015/09/23 职场文书
小程序实现文字循环滚动动画
2021/06/14 Javascript