js实现网站首页图片滚动显示


Posted in Javascript onFebruary 04, 2013
<div id="demo"> 
<div id="indemo"> 
<div id="demo1"> 
<asp:Repeater ID="Pro_List" runat="server"> 
<ItemTemplate> 
<a href="/Product/html/<%#Eval("id") %>/" title="<%#Eval("Title")%>"><img src='/<%#Eval("Pic") %>' width="130" height="97" /> 
<p><%#Eval("Title") %></p> 
</a> 
</ItemTemplate> 
</asp:Repeater> 
</div> 
<div id="demo2"></div> 
</div> 
</div> 
<script type="text/javascript"> 
var speed = 20; 
var tab = document.getElementById("demo"); 
var tab1 = document.getElementById("demo1"); 
var tab2 = document.getElementById("demo2"); 
tab2.innerHTML = tab1.innerHTML; 
function Marquee() { 
if (tab2.offsetWidth - tab.scrollLeft <= 0) 
tab.scrollLeft -= tab1.offsetWidth 
else { 
tab.scrollLeft++; 
} 
} 
var MyMar = setInterval(Marquee, speed); 
tab.onmouseover = function () { clearInterval(MyMar) }; 
tab.onmouseout = function () { MyMar = setInterval(Marquee, speed) }; 
</script>
Javascript 相关文章推荐
Extjs学习笔记之八 继承和事件基础
Jan 08 Javascript
js模仿jquery的写法示例代码
Jun 16 Javascript
简单学习JavaScript中的for语句循环结构
Nov 10 Javascript
JavaScript使用DeviceOne开发实战(二) 生成调试安装包
Dec 01 Javascript
全面解析Bootstrap图片轮播效果
Dec 03 Javascript
js基于setTimeout与setInterval实现多线程
Jun 17 Javascript
js实现StringBuffer的简单实例
Sep 02 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
Sep 13 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
Mar 02 Javascript
微信小程序实现省市区三级地址选择
Jun 21 Javascript
vue实现节点增删改功能
Sep 26 Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
Feb 06 Javascript
js/jQuery对象互转(快速操作dom元素)
Feb 04 #Javascript
js网页中的(运行代码)功能实现思路
Feb 04 #Javascript
js操作CheckBoxList实现全选/反选(在客服端完成)
Feb 02 #Javascript
自定义右键属性覆盖浏览器默认右键行为实现代码
Feb 02 #Javascript
js触发asp.net的Button的Onclick事件应用
Feb 02 #Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
Feb 02 #Javascript
js中eval()函数和trim()去掉字符串左右空格应用
Feb 02 #Javascript
You might like
DC游戏Steam周三特惠 《蝙蝠侠》阿卡姆系列平史低
2020/04/09 欧美动漫
用PHP实现小型站点广告管理(修正版)
2006/10/09 PHP
PHP中source #N问题的解决方法
2014/01/27 PHP
thinkphp学习笔记之多表查询
2014/07/28 PHP
PHP实现从远程下载文件的方法
2015/03/12 PHP
smarty模板引擎基础知识入门
2015/03/30 PHP
PHP中Enum(枚举)用法实例详解
2015/12/07 PHP
深入浅析PHP的session反序列化漏洞问题
2017/06/15 PHP
利用ajaxfileupload插件实现文件上传无刷新的具体方法
2013/06/08 Javascript
IE8下String的Trim()方法失效的解决方法
2013/11/08 Javascript
JS实现点击链接取消跳转效果的方法
2014/01/24 Javascript
javascript制作网页图片上实现下雨效果
2015/02/26 Javascript
jQuery操作Table技巧大汇总
2016/01/23 Javascript
D3.js实现柱状图的方法详解
2016/09/21 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
2017/03/06 Javascript
完美解决手机浏览器顶部下拉出现网页源或刷新的问题
2017/11/30 Javascript
vue 巧用过渡效果(小结)
2018/09/22 Javascript
详解如何用VUE写一个多用模态框组件模版
2018/09/27 Javascript
JavaScript继承的特性与实践应用深入详解
2018/12/30 Javascript
利用Python的Flask框架来构建一个简单的数字商品支付解决方案
2015/03/31 Python
TensorFlow高效读取数据的方法示例
2018/02/06 Python
linux中如何使用python3获取ip地址
2019/07/15 Python
pytorch 加载(.pth)格式的模型实例
2019/08/20 Python
Tensorflow的梯度异步更新示例
2020/01/23 Python
对python中return与yield的区别详解
2020/03/12 Python
PyCharm Ctrl+Shift+F 失灵的简单有效解决操作
2021/01/15 Python
详解Python Celery和RabbitMQ实战教程
2021/01/20 Python
蛋糕店的商业计划书范文
2014/01/27 职场文书
学校大课间活动方案
2014/01/30 职场文书
社区网格化管理实施方案
2014/03/21 职场文书
经济管理自荐书
2014/06/09 职场文书
2015年员工试用期工作总结
2015/05/28 职场文书
建党伟业的观后感
2015/06/01 职场文书
校园广播稿范文
2015/08/19 职场文书
pandas中DataFrame检测重复值的实现
2021/05/26 Python
MySQL慢查询中的commit慢和binlog中慢事务的区别
2022/06/16 MySQL