用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批量设置属性readonly和disabled的方法
Jan 24 Javascript
jQuery级联操作绑定事件实例
Sep 02 Javascript
jquery+css实现绚丽的横向二级下拉菜单-附源码下载
Aug 23 Javascript
js剪切板应用clipboardData实例解析
May 29 Javascript
vue.js入门教程之基础语法小结
Sep 01 Javascript
JS中静态页面实现微信分享功能
Feb 06 Javascript
AngularJS中重新加载当前路由页面的方法
Mar 09 Javascript
vue2使用keep-alive缓存多层列表页的方法
Sep 21 Javascript
express+vue+mongodb+session 实现注册登录功能
Dec 06 Javascript
从0搭建vue-cli4脚手架
Jun 17 Javascript
js实现微信聊天界面
Aug 09 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
Sep 01 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中XMLHttpRequest(Ajax)不能设置自定义的Referer的解决方法
2011/11/26 PHP
PHP设计模式之责任链模式的深入解析
2013/06/13 PHP
PHP超牛逼无限极分类生成树方法
2015/05/11 PHP
PHP安装threads多线程扩展基础教程
2015/11/17 PHP
PHP简单预防sql注入的方法
2016/09/27 PHP
php中static和const关键字用法分析
2016/12/07 PHP
列表内容的选择
2006/06/30 Javascript
关于JS控制代码暂停的实现方法分享
2012/10/11 Javascript
倒记时60刷新网页的js代码
2014/02/18 Javascript
JQuery EasyUI 数字格式化处理示例
2014/05/05 Javascript
JavaScript分析、压缩工具JavaScript Analyser
2014/12/31 Javascript
JavaScript判断表单为空及获取焦点的方法
2016/02/12 Javascript
Javascript之Date对象详解
2016/06/07 Javascript
JavaScript从0开始构思表情插件
2016/07/26 Javascript
基于bootstrap写的一点localStorage本地储存
2017/11/21 Javascript
微信小程序实现图片上传功能实例(前端+PHP后端)
2018/01/10 Javascript
mui框架 页面无法滚动的解决方法(推荐)
2018/01/25 Javascript
微信小程序模板template简单用法示例
2018/12/04 Javascript
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
2018/12/10 jQuery
整理 node-sass 安装失败的原因及解决办法(小结)
2020/02/19 Javascript
Javascript幻灯片播放功能实现过程解析
2020/05/07 Javascript
[02:23]2016国际邀请赛中国区预选赛wings晋级之路
2016/06/29 DOTA
Python读取英文文件并记录每个单词出现次数后降序输出示例
2018/06/28 Python
python按照多个条件排序的方法
2019/02/08 Python
Python实现Wordcloud生成词云图的示例
2020/03/30 Python
Python3.9 beta2版本发布了,看看这7个新的PEP都是什么
2020/06/10 Python
Python urllib库如何添加headers过程解析
2020/10/05 Python
HTML5引入的新数组TypedArray介绍
2012/12/24 HTML / CSS
俄罗斯电子产品、计算机和家用电器购物网站:OLDI
2019/10/27 全球购物
财务人员求职自荐书范文
2014/02/10 职场文书
保护环境标语
2014/06/09 职场文书
领导干部学习“三严三实”思想汇报
2014/09/15 职场文书
Nginx访问日志及错误日志参数说明
2021/03/31 Servers
SQL实现LeetCode(196.删除重复邮箱)
2021/08/07 MySQL
Docker与K8s关系介绍不会Docker也可以使用K8s
2022/06/25 Servers
Python编写车票订购系统 Python实现快递收费系统
2022/08/14 Python