`
ileson
  • 浏览: 210537 次
  • 性别: Icon_minigender_1
  • 来自: 河南省
社区版块
存档分类
最新评论

可以放在任何位置的图片无缝滚动js代码

    博客分类:
  • RIA
阅读更多
<script>
//<!--代码开始-->
var speed = 10;<!--速度控制,数值越大速度越慢-->
var intAWidth = 530;<!--滚动区域宽度-->
var intAHeight = 80;<!--滚动区域高度-->
var direction = "left";<!--滚动方向-->
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];/*这个地方有些网站上贴的代码少了【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\" onmouseover=\"clearInterval(MyMar)\" onmouseout=\"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("img/yjqx.jpg","qiangxian.asp","维修抢险","_blank");// img/yjqx.jpg
theAutoScroll.addItem("img/sqwd1.jpg","shouqiwangdian.asp","售气网点","_blank");
theAutoScroll.addItem("img/pegc1.jpg","pepipe.asp","PE管材","_blank");
theAutoScroll.addItem("img/rqj.jpg","ranqiju.asp","燃具经营","_blank");
<!--此处可以继续添加图片-->
theAutoScroll.play();
<!--代码结束-->
</script>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics