专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »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

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: