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 相关文章推荐
Whatever:hover 无需javascript让IE支持丰富伪类
Jun 29 Javascript
javascript 判断中文字符长度的函数代码
Aug 27 Javascript
iframe异步加载实现点击左边菜单加载右边内容实例讲解
Mar 04 Javascript
JSON辅助格式化处理方法
Mar 26 Javascript
ECMA5数组的新增方法有哪些及forEach()模仿实现
Nov 03 Javascript
javascript基于prototype实现类似OOP继承的方法
Dec 16 Javascript
AngularJS中$http服务常用的应用及参数
Aug 22 Javascript
浅谈angular4 ng-content 中隐藏的内容
Aug 18 Javascript
vue不通过路由直接获取url中参数的方法示例
Aug 24 Javascript
浅谈React组件之性能优化
Mar 02 Javascript
es6新特性之 class 基本用法解析
May 05 Javascript
ajax jquery实现页面某一个div的刷新效果
Mar 04 jQuery
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
php feof用来识别文件末尾字符的方法
2010/08/01 PHP
浅谈使用 PHP 进行手机 APP 开发(API 接口开发)
2014/08/11 PHP
PHP网络操作函数汇总
2015/05/18 PHP
模拟select的代码
2011/10/19 Javascript
JavaScript Scoping and Hoisting 翻译
2012/07/03 Javascript
HTML复选框和单选框 checkbox和radio事件介绍
2012/12/12 Javascript
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
2013/02/05 Javascript
IE6中链接A的href为javascript协议时不在当前页面跳转
2014/06/05 Javascript
document.forms用法示例介绍
2014/06/26 Javascript
jQuery取得设置清空select选择的文本与值
2014/07/08 Javascript
触屏中的JavaScript事件分析
2015/02/06 Javascript
深入浅析JavaScript中对事件的三种监听方式
2015/09/29 Javascript
javascript iframe跨域详解
2016/10/26 Javascript
jquery加载单文件vue组件的方法
2017/06/20 jQuery
JavaScript高阶函数_动力节点Java学院整理
2017/06/28 Javascript
详解在vue-cli中使用路由
2017/09/25 Javascript
微信小程序表单验证form提交错误提示效果
2020/06/19 Javascript
微信小程序实现展示评分结果功能
2019/02/15 Javascript
Flask数据库迁移简单介绍
2017/10/24 Python
python生成随机图形验证码详解
2017/11/08 Python
PyGame贪吃蛇的实现代码示例
2018/11/21 Python
python hough变换检测直线的实现方法
2019/07/12 Python
vim自动补全插件YouCompleteMe(YCM)安装过程解析
2019/10/21 Python
Python如何使用内置库matplotlib绘制折线图
2020/02/24 Python
Keras自动下载的数据集/模型存放位置介绍
2020/06/19 Python
如何通过python实现IOU计算代码实例
2020/11/02 Python
amazeui页面校验功能的实现代码
2020/08/24 HTML / CSS
联想韩国官网:Lenovo Korea
2018/05/10 全球购物
大学生英语演讲稿
2014/04/24 职场文书
教师节活动总结
2014/08/29 职场文书
市场督导岗位职责
2015/04/10 职场文书
2015年学校图书室工作总结
2015/05/19 职场文书
水浒传读书笔记
2015/06/25 职场文书
正规欠条模板
2015/07/03 职场文书
Python自动化测试PO模型封装过程详解
2021/06/22 Python
通过Qt连接OpenGauss数据库的详细教程
2021/06/23 PostgreSQL