首页 »Javascript教程 » 无缝图片滚动代码:无缝图片滚动效果代码 »正文无缝图片滚动代码:无缝图片滚动效果代码来源: 发布时间:星期四, 2009年2月12日 浏览:2317次 评论:0
////////////////////////////////////////////////////////////////// // 无逢滚动 // //第 891011 行更改总体设置 // //第 87 行开始加入自定义内容 // //将JS嵌入到显示固定位置 // // 2006.02.10 V1.00 By Clear for PPLive.com // ////////////////////////////////////////////////////////////////// var speed = 10; //定义滚动速度数字越大速度越慢 var AWidth = 200;//定义滚动区域宽度单位:像素 var AHeight = 30;//定义滚动区域高度单位:像素 var direction = "left";//定义滚动方向上:"top"|下:"down"|左:"left"|右:"right" var collectScroll; var tab; var tab1; var tab2; var MyMar; function autoScroll{ this.items = ; this.addItem = function(adURL,strURL,strBak,Target){ var Item = {}; Item.adURL = adURL; Item.strURL = strURL; Item.strBak = strBak; Item.Target = Target; this.items[this.items.length] = Item; } this.play = function{ collectScroll = this.items scrollHtml tab=document.getElementById("demo"); tab1=document.getElementById("demo1"); tab2=document.getElementById("demo2"); tab2.innerHTML=tab1.innerHTML; MyMar=Interval(Marquee,speed); } } function scrollHtml{ var imgHtml = "" for(var i=0;i<collectScroll.length;i){ var a = collectScroll[i] imgHtml "<a href=\""+a.strURL+"\" target=\""+a.Target+"\"><img src=\""+a.adURL+"\" alt=\""+a.strBak+"\" border=\"0\" /></a>" } var b,c,d (direction "left" || direction "right"){ b = "<div id=\"indemo\" style=\"float: left;width: 800%\">" c = " style=\"float: left\"" d = "</div>" }{ b = "" c = "" d = "" } document.writeln("<div id=\"demo\" _disibledevent=> document.writeln(b+"<div id=\"demo1\""+c+">") document.writeln(imgHtml) document.writeln("</div><div id=\"demo2\""+c+">"+d+"</div></div>") } function Marquee{ (direction "top"){ (tab2.offTop-tab.scrollTop<=0){ tab.scrollTop-=tab1.offHeight }{ tab.scrollTop } } (direction "down"){ (tab1.offTop-tab.scrollTop>=0) tab.scrollToptab2.offHeight { tab.scrollTop-- } } (direction "left"){ (tab2.offWidth-tab.scrollLeft<=0) tab.scrollLeft-=tab1.offWidth { tab.scrollLeft; } } (direction "right"){ (tab.scrollLeft<=0) tab.scrollLefttab2.offWidth { tab.scrollLeft-- } } } var theAutoScroll= autoScroll; theAutoScroll.addItem("http://www.zxbc.cn/alixixi.g","http://www.zxbc.cn","图片1","_blank") theAutoScroll.addItem("http://www.zxbc.cn/alixixi.g","http://www.zxbc.cn","图片2","_blank") theAutoScroll.addItem("http://www.zxbc.cn/alixixi.g","http://www.zxbc.cn","图片3","_blank") theAutoScroll.addItem("http://www.zxbc.cn/alixixi.g","http://www.zxbc.cn","图片4","_blank") theAutoScroll.addItem("http://www.zxbc.cn/alixixi.g","http://www.zxbc.cn","图片5","_blank") theAutoScroll.play //使用思路方法: //首先修改891011行总体设置 //然后重复Control控件: //theAutoScroll.addItem(adURL,strURL,strBak,Target) //adURL 定义图片路径 //strURL 定义图片链接 //strBak 定义图片出错时备用提示 //Target 定义广告弹出方式可选参数"_blank","_self","_top","_parent" //--> </Script> 3
相关文章读者评论发表评论 |