无缝图片滚动效果...

<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

<script><!--
//
// 无逢滚动    //
//第 8,9,10,11 行更改总体设置  //
//第 87 行开始加入自定义内容   //
//将JS嵌入到显示的固定位置   //
// 2006.02.10 V1.00 By Clear for PPLive.com //
//
var speed = 10; //定义滚动速度,数字越大速度越慢
var intAWidth = 200;//定义滚动区域宽度,单位:像素
var intAHeight = 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,intTarget){
  var newItem  = {};
  newItem.adURL = adURL;
  newItem.strURL = strURL;
  newItem.strBak = strBak;
  newItem.intTarget = intTarget;
  this.items[this.items.length] = newItem;
 }
 this.play = function(){
  collectScroll = this.items
  scrollHtml()
  tab=document.getElementById("demo");
  tab1=document.getElementById("demo1");
  tab2=document.getElementById("demo2");
  tab2.innerHTML=tab1.innerHTML;
  MyMar=setInterval(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.intTarget+"/"><img src=/""+a.adURL+"/" alt=/""+a.strBak+"/" border=/"0/" /></a>"
 }
 var b,c,d
 if(direction == "left" || direction == "right"){
  b = "<div id=/"indemo/" style=/"float: left;width: 800%/">"
  c = " style=/"float: left/""
  d = "</div>"
 }else{
  b = ""
  c = ""
  d = ""
 }
 document.writeln("<div id=/"demo/" οnmοuseοver=/"clearInterval(MyMar)/" οnmοuseοut=/"MyMar=setInterval(Marquee,speed)/" style=/"overflow:hidden; width:"+intAWidth+"px;height:"+intAHeight+"px/">")
 document.writeln(b+"<div id=/"demo1/""+c+">")
 document.writeln(imgHtml)
 document.writeln("</div><div id=/"demo2/""+c+">"+d+"</div></div>")
}
function Marquee(){
 if(direction == "top"){
  if(tab2.offsetTop-tab.scrollTop<=0){
   tab.scrollTop-=tab1.offsetHeight
  }else{
   tab.scrollTop++
  }
 }else if(direction == "down"){
  if(tab1.offsetTop-tab.scrollTop>=0)
   tab.scrollTop+=tab2.offsetHeight
  else{
   tab.scrollTop--
  }
 }else if(direction == "left"){
  if(tab2.offsetWidth-tab.scrollLeft<=0)
   tab.scrollLeft-=tab1.offsetWidth
  else{
   tab.scrollLeft++;
  }
 }else if(direction == "right"){
  if(tab.scrollLeft<=0)
   tab.scrollLeft+=tab2.offsetWidth
  else{
   tab.scrollLeft--
  }
 }
}

var theAutoScroll= new autoScroll();
theAutoScroll.addItem("http://www.alixixi.com/alixixi.gif","http://www.alixixi.com","图片1","_blank")
theAutoScroll.addItem("http://www.alixixi.com/alixixi.gif","http://www.alixixi.com","图片2","_blank")
theAutoScroll.addItem("http://www.alixixi.com/alixixi.gif","http://www.alixixi.com","图片3","_blank")
theAutoScroll.addItem("http://www.alixixi.com/alixixi.gif","http://www.alixixi.com","图片4","_blank")
theAutoScroll.addItem("http://www.alixixi.com/alixixi.gif","http://www.alixixi.com","图片5","_blank")
theAutoScroll.play()
//使用方法:
//首先修改8,9,10,11行总体设置
//然后重复调用控件:
//theAutoScroll.addItem(adURL,strURL,strBak,intTarget)
//adURL 定义图片路径
//strURL 定义图片链接
//strBak 定义图片出错时的备用提示
//intTarget 定义广告弹出方式,可选参数"_blank","_self","_top","_parent"
//-->

</Script>

<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值