html网页制作问题
1、一个图片跑马灯的代码,但是跑到两张半的时候又从头开始,求大神赐教。<MARQUEEscrollAmount=5scrollDelay=1direction=leftw...
1、一个图片跑马灯的代码,但是跑到两张半的时候又从头开始,求大神赐教。
<MARQUEE scrollAmount=5 scrollDelay=1 direction=left width=1000 height=500
loop=20 behavior=scroll onmousemove="stop()" onmouseout="start()">
<IMG src="pic1.jpg" width=800 height=500 border=0>
<IMG src="pic2.jpg" width=800 height=500 border=0>
<IMG src="pic3.jpg" width=800 height=500 border=0>
<IMG src="pic4.jpg" width=800 height=500 border=0>
<IMG src="pic5.jpg" width=800 height=500 border=0>
<IMG src="pic6.jpg" width=800 height=500 border=0>
<DIV></DIV></MARQUEE>
2、图片自动播放代码,一页中如果只有一个这个代码,是可以用的,但是有多个这个代码的话,就只有一个有用。求大神赐教!
<script type="text/javascript">
<!-- JavaScript
var pics = new Array();
pics[0] = new Image(800,500);
pics[1] = new Image(800,500);
pics[2] = new Image(800,500);
pics[3] = new Image(800,500);
pics[4] = new Image(800,500);
pics[5] = new Image(800,500);
pics[0].src = "lvyou1.jpg";
pics[1].src = "lvyou2.jpg";
pics[2].src = "lvyou3.jpg";
pics[3].src = "lvyou4.jpg";
pics[4].src = "lvyou5.jpg";
pics[5].src = "lvyou6.jpg";
function changepics() {
if(document.getElementById("pic3")){
var elem = document.getElementById("pic3");}
else return false;
if(elem.i==undefined) { elem.i=0; }
elem.src = pics[elem.i].src;
elem.i=(elem.i==pics.length-1) ? 0 : elem.i+1;
elem.chg = setTimeout("changepics()",3000);}
window.onload = changepics;
//JavaScript-->
</script>
感激不尽T.T 展开
<MARQUEE scrollAmount=5 scrollDelay=1 direction=left width=1000 height=500
loop=20 behavior=scroll onmousemove="stop()" onmouseout="start()">
<IMG src="pic1.jpg" width=800 height=500 border=0>
<IMG src="pic2.jpg" width=800 height=500 border=0>
<IMG src="pic3.jpg" width=800 height=500 border=0>
<IMG src="pic4.jpg" width=800 height=500 border=0>
<IMG src="pic5.jpg" width=800 height=500 border=0>
<IMG src="pic6.jpg" width=800 height=500 border=0>
<DIV></DIV></MARQUEE>
2、图片自动播放代码,一页中如果只有一个这个代码,是可以用的,但是有多个这个代码的话,就只有一个有用。求大神赐教!
<script type="text/javascript">
<!-- JavaScript
var pics = new Array();
pics[0] = new Image(800,500);
pics[1] = new Image(800,500);
pics[2] = new Image(800,500);
pics[3] = new Image(800,500);
pics[4] = new Image(800,500);
pics[5] = new Image(800,500);
pics[0].src = "lvyou1.jpg";
pics[1].src = "lvyou2.jpg";
pics[2].src = "lvyou3.jpg";
pics[3].src = "lvyou4.jpg";
pics[4].src = "lvyou5.jpg";
pics[5].src = "lvyou6.jpg";
function changepics() {
if(document.getElementById("pic3")){
var elem = document.getElementById("pic3");}
else return false;
if(elem.i==undefined) { elem.i=0; }
elem.src = pics[elem.i].src;
elem.i=(elem.i==pics.length-1) ? 0 : elem.i+1;
elem.chg = setTimeout("changepics()",3000);}
window.onload = changepics;
//JavaScript-->
</script>
感激不尽T.T 展开
2个回答
展开全部
1、图片跑马灯的代码,我在本地试过了,没有出现你描述的情况,鼠标移开,是一直往左边滚动的。(MARQUEE这是相当古老的东西啦~现在做网页基本不用它~)
2、如果你总是复制多段这个代码,是肯定会有问题的。因为这段代码的意思是:在页面上一个叫
<img id="pic3" />的图片一直变化图片地址,每隔3秒变一次,变化的地址是从lvyou1.jpg到lvyou6.jpg.
如果你只有一段这个,是没问题的,但有多个下面的代码,会报错的,因为!!首先,只定义了一个pics和一个pic3的元素。说白了就是冲突了,你要复制多个,就把下面代码中说明的部分换一个名字。
<script type="text/javascript">
//<!-- JavaScript 这里的注释没有结束标签,会把下面的代码也无效掉的。应该去掉这行,或加上“//”
var pics = new Array();//如果你要复制多个,至少这个pics换一个名字,比如叫pics2.
pics[0] = new Image(800,500);//如果上面名字叫pics2了,这里要改成pics2[0]
pics[1] = new Image(800,500);//如果上面名字叫pics2了,这里要改成pics2[1]
pics[2] = new Image(800,500);//同上意思
pics[3] = new Image(800,500);//同上意思
pics[4] = new Image(800,500);//同上意思
pics[5] = new Image(800,500);//同上意思
pics[0].src = "lvyou1.jpg";//同上意思
pics[1].src = "lvyou2.jpg";//同上意思
pics[2].src = "lvyou3.jpg";//同上意思
pics[3].src = "lvyou4.jpg";//同上意思
pics[4].src = "lvyou5.jpg";//同上意思
pics[5].src = "lvyou6.jpg";//同上意思
function changepics() {//如果你要多个,这里的changepics换一个名字,比如changepics2
if(document.getElementById("pic3")){//如果你要多个,至少这个pic3要换一个名字,还要页面上存在这个名字才行!
var elem = document.getElementById("pic3");}//如果你要多个,至少这个pic3要换一个名字,还要页面上存在这个名字才行!
else return false;
if(elem.i==undefined) { elem.i=0; }
elem.src = pics[elem.i].src;
elem.i=(elem.i==pics.length-1) ? 0 : elem.i+1;
elem.chg = setTimeout("changepics()",3000);}//如果你要多个,这里的changepics换一个名字,比如changepics2
window.onload = changepics;//如果你要多个,这里的changepics换一个名字,比如changepics2
//JavaScript-->
</script>
追问
那现在大家都用什么代码呀?T^T 我的还是只能到两张半
我照你写的改了一下,还是没有用诶。( ¯ ¨̯ ¯̥̥ )
打这么多字,劳烦大神了。(❁´◡`❁)*✲゚*谢谢
追答
哎,看来你一点也不懂代码……那我直接放例子上来……下面的格式很错乱。上部分是第一个问题的例子,下部分是第二个问题的例子。我整合在同一个页面上了。
不懂再问。图片地址自己更改。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询