D20:横向宽幅滚动图片的做法

看看本页的状态栏,所说的就是这个效果,将下面的这个JS放在<head></head>之间就可以了.


〈script language=JavaScript〉 〈!--
var ver = 3
bVer = parseInt(navigator.appVersion);
if(bVer >= 4) ver = 4
var ns = navigator.appName == "Netscape";
var ie = navigator.appName == "MSIE";
//////////// ticker variables
////////////////////////////////////////
var pix = 3; // number of pixels to move per frame
var rate = 60; // frames per second
var ImgWidth = 900; // width of ticker image
/////////////////////////////////////////////////////////////////////
var time = 1000/rate;
var again = - ImgWidth
function tick() {
if (ver ==3) return
if (ns){
document.Layer1.offset(-pix,0);
document.Layer2.offset(-pix,0);
if (document.Layer1.left <= again) document.Layer1.left = ImgWidth;
if (document.Layer2.left <= again) document.Layer2.left = ImgWidth;
}
else {
newpix = document.all["Layer1"].style.pixelLeft - pix;
newpix2 = document.all["Layer2"].style.pixelLeft - pix;
document.all["Layer1"].style.pixelLeft = newpix;
document.all["Layer2"].style.pixelLeft = newpix2;
if (document.all["Layer1"].style.pixelLeft <= again)
document.all["Layer1"].style.pixelLeft = ImgWidth;
if (document.all["Layer2"].style.pixelLeft <= again)
document.all["Layer2"].style.pixelLeft = ImgWidth;
}
setTimeout('tick()', time);
}
//--〉
〈/script〉

上一节 下一节

Copyright (C)2000-2002 <%=servername%>