用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 相关文章推荐
function foo的原型与prototype属性解惑
Nov 19 Javascript
jquery 图片上传按比例预览插件集合
May 28 Javascript
利用json获取字符出现次数的代码
Mar 22 Javascript
javascript 全选与全取消功能的实现代码
Dec 23 Javascript
需灵活掌握的Bootstrap预定义排版类 你精通吗?
Jun 20 Javascript
vuejs动态组件给子组件传递数据的方法详解
Sep 09 Javascript
vue.js中$watch的用法示例
Oct 04 Javascript
JS触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器
Oct 30 Javascript
jQuery+ajax实现局部刷新的两种方法
Jun 08 jQuery
js实现登录时记住密码的方法分析
Apr 05 Javascript
js实现购物车商品数量加减
Sep 21 Javascript
Vue获取微博授权URL代码实例
Nov 04 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计算到指定日期还有多少天的方法
2015/04/14 PHP
Laravel 对某一列进行筛选然后求和sum()的例子
2019/10/10 PHP
Three.js源码阅读笔记(Object3D类)
2012/12/27 Javascript
jQuery实现页面滚动时层智能浮动定位实例探讨
2013/03/29 Javascript
js字符串转换成xml对象并使用技巧解读
2013/04/18 Javascript
js里取容器大小、定位、距离等属性搜集整理
2013/08/19 Javascript
为开发者准备的10款最好的jQuery日历插件
2014/02/04 Javascript
jquery对象和javascript对象即DOM对象相互转换
2014/08/07 Javascript
node.js中的fs.chownSync方法使用说明
2014/12/16 Javascript
jQuery源码解读之removeClass()方法分析
2015/02/20 Javascript
JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集
2015/09/28 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
2016/06/17 Javascript
wap手机端解决返回上一页的js实例
2016/12/08 Javascript
Vuex和前端缓存的整合策略详解
2017/05/09 Javascript
jquery应用实例分享_实现手风琴特效
2018/02/01 jQuery
JS滚轮控制图片缩放大小和拖动的实例代码
2018/11/20 Javascript
百度小程序自定义通用toast组件
2019/07/17 Javascript
vue 使用 vue-pdf 实现pdf在线预览的示例代码
2020/04/26 Javascript
vue如何搭建多页面多系统应用
2020/06/17 Javascript
解决vant中 tab栏遇到的坑 van-tabs
2020/11/04 Javascript
[52:09]2014 DOTA2华西杯精英邀请赛 5 25 NewBee VS DK第二场
2014/05/26 DOTA
Python的Twisted框架中使用Deferred对象来管理回调函数
2016/05/25 Python
Python2.7读取PDF文件的方法示例
2017/07/13 Python
PyCharm代码格式调整方法
2018/05/23 Python
python使用Geany编辑器配置方法
2020/02/21 Python
英国皇室御用百货:福南梅森(Fortnum & Mason)
2017/12/03 全球购物
Sunglasses Shop瑞典:欧洲领先的太阳镜网上商店
2018/04/22 全球购物
.NET初级开发工程师面试题
2014/04/18 面试题
xxx同志考察材料
2014/02/07 职场文书
《泉水》教学反思
2014/04/11 职场文书
老公给老婆的保证书
2014/04/28 职场文书
物业管理工作方案
2014/05/10 职场文书
党员民主评议个人总结
2014/10/20 职场文书
档案工作个人总结
2015/03/03 职场文书
MySQL去除重叠时间求时间差和的实现
2021/08/23 MySQL
浅谈Redis的keys命令到底有多慢
2021/10/05 Redis