在线急求!!!!网面制作问题

发布时间:2024-06-16 13:03 发布:上海旅游网

问题描述:

<MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=3 width=750 height=100>
<img src="jpg/works-02.gif" width="136" height="96">
<img src="jpg/works-03.gif" width="136" height="96">
<img src="jpg/works-04.gif" width="136" height="96">
<img src="jpg/works-05.gif" width="136" height="96">
<img src="jpg/works-06.gif" width="136" height="96">
<img src="jpg/works-07.gif" width="136" height="96">
<img src="jpg/works-08.gif" width="136" height="96">
<img src="jpg/works-09.gif" width="136" height="96">
<img src="jpg/works-10.gif" width="136" height="96">
<img src="jpg/works-11.gif" width="136" height="96">
<img src="jpg/works-12.gif" width="136" height="96">
<img src="jpg/works-13.gif" width="136" height="96">
<img src="jpg/works-14.gif" width="136" height="96">
</MARQUEE>
以上代码是让图片从右向左移动,要让图片从左向右移动,代码怎样修改??万分感谢!!

问题解答:

修改这个是方向值DIRECTION=RIGHT,等于right是向右,等于left是向左。

<MARQUEE DIRECTION=RIGHT BEHAVIOR=SCROLL SCROLLAMOUNT=10 SCROLLDELAY=200 onmouseover=this.stop() onmouseout=this.start()
scrollAmount=3 width=750 height=100>
<img src="jpg/works-02.gif" width="136" height="96">
<img src="jpg/works-03.gif" width="136" height="96">
<img src="jpg/works-04.gif" width="136" height="96">
<img src="jpg/works-05.gif" width="136" height="96">
<img src="jpg/works-06.gif" width="136" height="96">
<img src="jpg/works-07.gif" width="136" height="96">
<img src="jpg/works-08.gif" width="136" height="96">
<img src="jpg/works-09.gif" width="136" height="96">
<img src="jpg/works-10.gif" width="136" height="96">
<img src="jpg/works-11.gif" width="136" height="96">
<img src="jpg/works-12.gif" width="136" height="96">
<img src="jpg/works-13.gif" width="136" height="96">
<img src="jpg/works-14.gif" width="136" height="96">
</MARQUEE>

<div id=demo style="overflow:hidden;height:100;width:750;background:#ffffff;color:#ffffff">
<div id=demo1>
<img src="jpg/works-02.gif" width="136" height="96">
<img src="jpg/works-03.gif" width="136" height="96">
<img src="jpg/works-04.gif" width="136" height="96">
<img src="jpg/works-05.gif" width="136" height="96">
<img src="jpg/works-06.gif" width="136" height="96">
<img src="jpg/works-07.gif" width="136" height="96">
<img src="jpg/works-08.gif" width="136" height="96">
<img src="jpg/works-09.gif" width="136" height="96">
<img src="jpg/works-10.gif" width="136" height="96">
<img src="jpg/works-11.gif" width="136" height="96">
<img src="jpg/works-12.gif" width="136" height="96">
<img src="jpg/works-13.gif" width="136" height="96">
<img src="jpg/works-14.gif" width="136" height="96">
</div>
</div>
<script>
var speed=20
demo2.innerHTML=demo1.innerHTML
demo.scrollRight=demo.scrollWidth
function Marquee(){
if(demo2.offsetWidth-demo.scrollRight<=0)
demo.scrollRight-=demo2.offsetWidth
else{
demo.scrollRight++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

一般的滚动滚动过程容易出现一段空白,建议用以上无缝滚动代码,

热点新闻