Google
      
发新话题
打印

图片滚动的代码

本主题由 lanzhouren 于 2008-8-20 18:03 移动

图片滚动的代码

<P>&lt;script&gt;&lt;!--<BR>//////////////////////////////////////////////////////////////////<BR>// 无逢滚动                                                     //<BR>//第 8,9,10,11 行更改总体设置                                //<BR>//第 87 行开始加入自定义内容                                    //<BR>//将JS嵌入到显示的固定位置                                      //<BR>// 2006.02.10 V1.00 By Clear for PPLive.com                     //<BR>//////////////////////////////////////////////////////////////////<BR>var speed = 10; //定义滚动速度,数字越大速度越慢<BR>var intAWidth = 400;//定义滚动区域宽度,单位:像素<BR>var intAHeight = 30;//定义滚动区域高度,单位:像素<BR>var direction = "top";//定义滚动方向,上:"top"|下:"down"|左:"left"|右:"right"<BR>var collectScroll;<BR>var tab;<BR>var tab1;<BR>var tab2;<BR>var MyMar;<BR>function autoScroll(){<BR> this.items = [];<BR> this.addItem = function(adURL,strURL,strBak,intTarget){<BR>  var newItem  = {};<BR>  newItem.adURL = adURL;<BR>  newItem.strURL = strURL;<BR>  newItem.strBak = strBak;<BR>  newItem.intTarget = intTarget;<BR>  this.items[this.items.length] = newItem;<BR> }<BR> this.play = function(){<BR>  collectScroll = this.items<BR>  scrollHtml()<BR>  tab=document.getElementById("demo");<BR>  tab1=document.getElementById("demo1");<BR>  tab2=document.getElementById("demo2");<BR>  tab2.innerHTML=tab1.innerHTML;<BR>  MyMar=setInterval(Marquee,speed);<BR> }<BR>}<BR>function scrollHtml(){<BR> var imgHtml = ""<BR> for(var i=0;i&lt;collectScroll.length;i++){<BR>  var a = collectScroll[i]<BR>  imgHtml += "&lt;a href=\""+a.strURL+"\" target=\""+a.intTarget+"\"&gt;&lt;img src=\""+a.adURL+"\" alt=\""+a.strBak+"\" border=\"0\" /&gt;&lt;/a&gt;"<BR> }<BR> var b,c,d<BR> if(direction == "left" || direction == "right"){<BR>  b = "&lt;div id=\"indemo\" style=\"float: left;width: 800%\"&gt;"<BR>  c = " style=\"float: left\""<BR>  d = "&lt;/div&gt;"<BR> }else{<BR>  b = ""<BR>  c = ""<BR>  d = ""<BR> }<BR> document.writeln("&lt;div id=\"demo\" onmouseover=\"clearInterval(MyMar)\" onmouseout=\"MyMar=setInterval(Marquee,speed)\" style=\"overflow:hidden; width:"+intAWidth+"px;height:"+intAHeight+"px\"&gt;")<BR> document.writeln(b+"&lt;div id=\"demo1\""+c+"&gt;")<BR> document.writeln(imgHtml)<BR> document.writeln("&lt;/div&gt;&lt;div id=\"demo2\""+c+"&gt;"+d+"&lt;/div&gt;&lt;/div&gt;")<BR>}<BR>function Marquee(){<BR> if(direction == "top"){<BR>  if(tab2.offsetTop-tab.scrollTop&lt;=0){<BR>   tab.scrollTop-=tab1.offsetHeight<BR>  }else{<BR>   tab.scrollTop++<BR>  }<BR> }else if(direction == "down"){<BR>  if(tab1.offsetTop-tab.scrollTop&gt;=0)<BR>   tab.scrollTop+=tab2.offsetHeight<BR>  else{<BR>   tab.scrollTop--<BR>  }<BR> }else if(direction == "left"){<BR>  if(tab2.offsetWidth-tab.scrollLeft&lt;=0)<BR>   tab.scrollLeft-=tab1.offsetWidth<BR>  else{<BR>   tab.scrollLeft++;<BR>  }<BR> }else if(direction == "right"){<BR>  if(tab.scrollLeft&lt;=0)<BR>   tab.scrollLeft+=tab2.offsetWidth<BR>  else{<BR>   tab.scrollLeft--<BR>  }<BR> }<BR>}</P>
<P>var theAutoScroll= new autoScroll();<BR>theAutoScroll.addItem("<A href='http://www.alixixi.com/alixixi.gif","http://www.alixixi.com'>http://www.alixixi.com/alixixi.gif","http://www.alixixi.com</A>","图片1","_blank")<BR>theAutoScroll.addItem("<A href='http://www.alixixi.com/alixixi.gif","http://www.alixixi.com'>http://www.alixixi.com/alixixi.gif","http://www.alixixi.com</A>","图片2","_blank")<BR>theAutoScroll.addItem("<A href='http://www.alixixi.com/alixixi.gif","http://www.alixixi.com'>http://www.alixixi.com/alixixi.gif","http://www.alixixi.com</A>","图片3","_blank")<BR>theAutoScroll.addItem("<A href='http://www.alixixi.com/alixixi.gif","http://www.alixixi.com'>http://www.alixixi.com/alixixi.gif","http://www.alixixi.com</A>","图片4","_blank")<BR>theAutoScroll.addItem("<A href='http://www.alixixi.com/alixixi.gif","http://www.alixixi.com'>http://www.alixixi.com/alixixi.gif","http://www.alixixi.com</A>","图片5","_blank")<BR>theAutoScroll.addItem("<A href='http://www.alixixi.com/alixixi.gif","http://www.alixixi.com'>http://www.alixixi.com/alixixi.gif","http://www.alixixi.com</A>","图片6","_blank")<BR>theAutoScroll.play()<BR>//使用方法:<BR>//首先修改8,9,10,11行总体设置<BR>//然后重复调用控件:<BR>//theAutoScroll.addItem(adURL,strURL,strBak,intTarget)<BR>//adURL 定义图片路径<BR>//strURL 定义图片链接<BR>//strBak 定义图片出错时的备用提示<BR>//intTarget 定义广告弹出方式,可选参数"_blank","_self","_top","_parent"<BR>//--&gt;</P>
<P>&lt;/Script&gt;<BR></P>
bbs岛,80后才子论坛,感受从心开始.欢迎你的加入 一起诉说80后的心声 www.bbsdao.cn
发新话题
查看积分策略说明

快速回复主题

选项

[完成后可按 Ctrl+Enter 发布]  预览帖子  恢复数据  清空内容