html网页图片自动滚动代码,实现网页图片循环滚动的代码 上/下/左/右(html or asp)...

向上：

href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

var speed=30

demo2.innerHTML=demo1.innerHTML

function Marquee(){

if(demo2.offsetTop-demo.scrollTop<=0) ,向下:>=0

demo.scrollTop-=demo1.offsetHeight ,向下scrollTop=+

else{

demo.scrollTop++ ,向下scrollTop--}

}

var MyMar=setInterval(Marquee,speed)

demo.οnmοuseοver=function() {clearInterval(MyMar)}

demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}

向下：

href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

src="bxtt.gif">

src="bzjd.gif">

var speed=30

demo2.innerHTML=demo1.innerHTML

demo.scrollTop=demo.scrollHeight

function Marquee(){

if(demo1.offsetTop-demo.scrollTop>=0)

demo.scrollTop+=demo2.offsetHeight

else{

demo.scrollTop--

}

}

var MyMar=setInterval(Marquee,speed)

demo.οnmοuseοver=function() {clearInterval(MyMar)}

demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}

向左：

href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/">

style="overflow:hidden;height:100px;width:300px;">

align=left

cellpadding=0 cellspace=0 border=0>

valign=top>

src="bxtt.gif">

src="gfjs.gif">

src="bzjd.gif">

valign=top>

var speed=30

demo2.innerHTML=demo1.innerHTML

function Marquee(){

if(demo2.offsetWidth-demo.scrollLeft<=0)

demo.scrollLeft-=demo1.offsetWidth

else{

demo.scrollLeft++

}

}

var MyMar=setInterval(Marquee,speed)

demo.οnmοuseοver=function() {clearInterval(MyMar)}

demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}

向右：

href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/">

style="overflow:hidden;height:100px;width:300px;">

align=left

cellpadding=0 cellspace=0 border=0>

valign=top>

src="bxtt.gif">

src="gfjs.gif">

src="bzjd.gif">

valign=top>

var speed=30

demo2.innerHTML=demo1.innerHTML

demo.scrollLeft=demo.scrollWidth

function Marquee(){

if(demo.scrollLeft<=0)

demo.scrollLeft+=demo2.offsetWidth

else{

demo.scrollLeft--

}

}

var MyMar=setInterval(Marquee,speed)

demo.οnmοuseοver=function() {clearInterval(MyMar)}

demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}