运行代码框<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>无缝div(纵向,横向滚动)(shqlsl飞鱼制作 QQ:628558)</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="title" content="" /> <meta name="author" content="" /> <meta name="subject" content="" /> <meta name="language" content="en" /> <meta name="keywords" content="" /> <script language="JavaScript" src="http://www.code365.net/skin/xhtml/scroll.js"></script> <!--只要在 div 上加一个scroll="宽,高,速度,方向"; 宽,高,速度 都是数值; 方向(y表示纵向,x表示横向)--> <!--(shqlsl飞鱼制作 QQ:628558 2006年10-28 02:39)--> </head> <body> <div scroll="100,150,150,y" s=0 style="font:12px/1.5 宋体; text-align:left;">公司拥有一支包括硕士、高工和工程师的营销和技术服务的员工队伍，可为用户提供数控机床选型、建设项目的前期技术准备、产品生产工艺、技术方案等方面的技术服务；常规产品尽量能实现现货销售，减小客户的交易风险和投资风险。<br/> </div> <div scroll="200,200,15,y" style="font:12px/2 宋体; text-align:left;"> <img src="http://www.code365.net/Skin/xhtml/logo.gif"/><br/> <img src="http://www.code365.net/Skin/xhtml/logo.gif"/><br/> <img src="http://www.code365.net/Skin/xhtml/logo.gif"/><br/> <img src="http://www.code365.net/Skin/xhtml/logo.gif"/><br/> </div> <p> <div scroll="250,75,10,x" style="margin:0; padding:0;font:12px/2 宋体; text-align:left;"><img src="http://www.158188.com/Skin/xhtml/158188logo.gif"/><img src="http://www.158188.com/Skin/xhtml/158188logo.gif"/><img src="http://www.158188.com/Skin/xhtml/158188logo.gif"/><img src="http://www.158188.com/Skin/xhtml/158188logo.gif"/> </div> </p> <div scroll="450,75,10,x" style="margin:0; padding:0;font:12px/2 宋体; text-align:left;"><img src="http://www.158188.com/Skin/xhtml/158188logo.gif"/><img src="http://www.158188.com/Skin/xhtml/158188logo.gif"/><img src="http://www.158188.com/Skin/xhtml/158188logo.gif"/><img src="http://www.158188.com/Skin/xhtml/158188logo.gif"/><img src="http://www.158188.com/Skin/xhtml/158188logo.gif"/> <img src="http://www.code365.net/Skin/xhtml/logo.gif"/><img src="http://www.code365.net/Skin/xhtml/logo.gif"/><img src="http://www.code365.net/Skin/xhtml/logo.gif"/><img src="http://www.code365.net/Skin/xhtml/logo.gif"/> </div> <div scroll="300,25,10,x" style="margin:0; padding:0;font:12px/2 宋体; text-align:left;"> <a href="#">我爱javascript</a> <a href="#">我爱javascript</a> <a href="#">我爱javascript</a> <a href="#">我爱我老婆</a><a href="#">我爱javascript</a> <a href="#">我爱javascript</a> <a href="#">我爱javascript</a> <a href="#">我爱我老婆</a><a href="#">我爱javascript</a> <a href="#">我爱javascript</a> <a href="#">我爱javascript</a> <a href="#">我爱我老婆</a><a href="#">我爱javascript</a> <a href="#">我爱javascript</a> <a href="#">我爱javascript</a> <a href="#">我爱我老婆</a> </div> </body> </html>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]提示:copy scroll.js 脚本.在任何一个地方加载<script src="路径/scroll.js"></script>然后在div 上设置 scroll="height,width,speed,direction" 前三个 都设置数字.最后一个x表示横向 y表示纵向Scroll.Js 脚本：
shq={} shq.$=function(o){return typeof(o)=="string"?document.getElementById(o):o}; shq.scrollx=[]; shq.scrolly=[]; shq.scrollh=[]; shq.scrollw=[]; shq.myscrollx=[]; shq.myscrolly=[]; shq.scrollspeedx=[]; shq.scrollspeedy=[]; shq.x=0; shq.y=0; shq.i=-1; shq.ii=-1; function scrolly() { for(var yi=0;yi<shq.scrolly.length;yi++) { shq.myscrolly[yi]=setInterval(function(){ if(shq.y>=shq.scrolly.length){shq.y=0} if(/true/.test(shq.scrolly[shq.y].getAttribute('run'))){shq.scrolly[shq.y].scrollTop=(shq.scrolly[shq.y].scrollTop)%shq.scrollh[shq.y];shq.scrolly[shq.y].scrollTop++;};shq.y++; },shq.scrollspeedy[yi]) shq.scrolly[yi].onmouseover=function(){this.setAttribute('run',false);} shq.scrolly[yi].onmouseout=function(){this.setAttribute('run',true);} } } function scrollx() { for(var yi=0;yi<shq.scrollx.length;yi++) { shq.myscrollx[yi]=setInterval(function(){ if(shq.x>=shq.scrollx.length){shq.x=0} if(/true/.test(shq.scrollx[shq.x].getAttribute('run'))){shq.scrollx[shq.x].scrollLeft=(shq.scrollx[shq.x].scrollLeft)%shq.scrollw[shq.x];shq.scrollx[shq.x].scrollLeft++;};shq.x++; },shq.scrollspeedx[yi]) shq.scrollx[yi].onmouseover=function(){this.setAttribute('run',false);} shq.scrollx[yi].onmouseout=function(){this.setAttribute('run',true);} } } function startscroll() { for(var i=0,o=document.body.getElementsByTagName("div"),ii=o.length;i<ii;i++) { var oo=o[i].getAttribute("scroll"); if(/\d+,\d+,\d+/.test(oo)) { var ooo=oo.split(","); if(ooo[3]=='x'){ shq.i++; shq.scrollx[shq.i]=o[i]; o[i].setAttribute("run",true) shq.scrollw[shq.i]=o[i].offsetWidth; o[i].style.width=ooo[0]+'px'; o[i].style.height=ooo[1]+'px'; o[i].style.overflow="hidden"; o[i].style.whiteSpace="nowrap"; shq.scrollspeedx[shq.i]=ooo[2] shq.scrollx[shq.i].innerHTML+=shq.scrollx[shq.i].innerHTML; } if(ooo[3]=='y'){ shq.ii++; shq.scrolly[shq.ii]=o[i]; o[i].setAttribute("run",true) shq.scrollh[shq.ii]=o[i].offsetHeight; o[i].style.width=ooo[0]+'px'; o[i].style.height=ooo[1]+'px'; o[i].style.overflow="hidden"; shq.scrollspeedy[shq.ii]=ooo[2]; shq.scrolly[shq.ii].innerHTML+=shq.scrolly[shq.ii].innerHTML; } } } if(shq.scrollx.length>0){scrollx()} if(shq.scrolly.length>0){scrolly()} } function window_onload() { startscroll(); //如果你的body 有启动函数加在这儿; } window.onload=window_onload;
