js图片从右到左循环播放
来源:互联网 发布:手机怎么和电脑抢网络 编辑:程序博客网 时间:2024/05/08 11:21
方法一:
<div class="proshow">
<h2>户型图展示</h2>
<div id="container">
<ul>
<asp:DataList ID="dPic" runat="server" RepeatDirection="horizontal" RepeatColumns="4">
<ItemTemplate>
<li>
<a href="javascript:;" onMouseOver="MM_swapImage('bigImg','','<%#GetLength((int)((DataRowView)Container.DataItem)["ArticleID"])%>',0)">
<img src="<%#GetLength((int)((DataRowView)Container.DataItem)["ArticleID"])%>" alt="" width="114" height="98" border="0"></a></li>
</ItemTemplate>
</asp:DataList>
</ul>
</div>
</div>
<script type="text/javascript">
var Fn = function(parentElem,space,interval){
var timer = null;
var obj = document.getElementById(parentElem);
obj.innerHTML = "<div style=\"width:9999px;\" >" + obj.innerHTML + "</div>";
var childObj1 = obj.getElementsByTagName("ul")[0];
var childObj2 = document.createElement("ul");
var innerDiv = obj.getElementsByTagName("div")[0];
innerDiv.appendChild(childObj2);
if(childObj1.offsetWidth>=obj.offsetWidth){
childObj2.innerHTML = childObj1.innerHTML;
function Scroll(){
if(obj.scrollLeft>=childObj1.offsetWidth){
obj.scrollLeft -= childObj1.offsetWidth;
}else{
obj.scrollLeft += space;
//alert(obj.scrollLeft)
}
}
timer = setInterval(Scroll,interval);
obj.onmouseover = function(){
//debugger;
clearInterval(timer);
}
obj.onmouseout = function(){
timer = setInterval(Scroll,interval);
}
}
}
Fn("container",1,20);
</script>
方法二:
<script>
var speed=5
marqueex2.innerHTML=marqueex1.innerHTML
function Marquee(){
if(marqueex2.offsetWidth-marqueex.scrollLeft<=0)
marqueex.scrollLeft-=marqueex1.offsetWidth
else{
marqueex.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
marqueex.onmouseover=function() {setInterval(Marquee,speed)}
marqueex.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
- js图片从右到左循环播放
- JS图片循环播放
- js图片自动循环播放
- 使用js循环播放图片
- 很实用的js图片循环播放
- js中控制图片的循环播放
- js实现图片顺序播放和循环播放
- js图片从左到右滚动循环
- JS实现的图片循环播放浏览框
- JS 图片设置时间遍历循环播放!基础,写着玩
- 幻灯片:循环播放图片
- 自动循环播放图片
- iOS-循环图片播放
- 图片循环切换播放
- JS实现的类照片墙图片展示栏&图片循环播放栏
- Java循环播放图片问题
- Gallery3D图片的循环播放
- Android实现图片循环播放
- Asp.net调用支付宝实现在线支付
- 腾讯副总裁吴军答腾讯的“抄袭与创新”(互联网行业的商业智慧)
- matlab下制作下拉菜单形式
- FIELD-SYMBOLS详解
- 关于AmChart值“amxy”组件
- js图片从右到左循环播放
- 自身列表的反转
- XHTML 对文档类型(DOCTYPE)的验证
- 又是一年中秋到,品茶赏月玩小鸟!
- crontab格式详解
- Asp.net实现文章内关键词替换
- HashSet
- 给网页添加背景音乐
- Cortex-M3处理器