主题:  关于marquee

hgwyl

职务:普通成员
等级:1
金币:0.0
发贴:99
#12004/7/9 18:53:21
<marquee width=100% direction="left" scrollamount="1" scrolldelay="60" onMouseOut="this.start()" onMouseOVer="this.stop()" style="cursor:hand"><img src=images/2345.gif></marquee>
很明显变化,上面这段,是一个简单的滚动条.
开始时从左到右滚出来

提问:
如何使一打开时,就已经充满图片,然后滚动.
似乎html实现不了,用什么办法?
JS?
俺不懂...求教了.
如果各位有时间,请详细点地说.....



html

职务:普通成员
等级:1
金币:0.0
发贴:45
#22004/7/10 2:40:15
我技术有限,请各位帮忙了.
我是楼主.



vickie_5d

职务:普通成员
等级:3
金币:2.0
发贴:946
#32004/7/10 19:50:59
你說的意思是圖片的滾動嗎??



html

职务:普通成员
等级:1
金币:0.0
发贴:45
#42004/7/10 20:06:57
原来是:
完全打开后,一张一站滚动显示出来.

修改后的应该是:
已经全部显示出来了,再滚动.



缺缺

职务:管理员
等级:8
金币:41.0
发贴:9620
#52004/7/10 21:14:16
看一下http://www.m2me.com/.



Palomino

职务:普通成员
等级:3
金币:2.0
发贴:1001
#62004/7/11 20:06:38
<script language="javascript1.2">

//Specify the slider's width (in pixels)
var sliderwidth=300
//Specify the slider's height
var sliderheight=150
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=3
//configure background color:
slidebgcolor="#EAEAEA"

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://www.jzzy.com"><img src="dynamicbook200211061.gif" border=1></a>'
leftrightslide[1]='<a href="http://www.jzzy.com"><img src="dynamicbook200211062.gif" border=1></a>'
leftrightslide[2]='<a href="http://www.jzzy.com"><img src="dynamicbook200211063.gif" border=1></a>'
leftrightslide[3]='<a href="http://www.jzzy.com"><img src="dynamicbook200211064.gif" border=1></a>'
leftrightslide[4]='<a href="http://www.jzzy.com"><img src="dynamicbook200211065.gif" border=1></a>'


////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(" "+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2" : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3" : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp".offsetWidth
cross_slide2.style.left=actualwidth+20
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+20
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+30

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+30

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+30

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+30
}
}


if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0;top:0"></div>')
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
------------------
从别处抄的。



html

职务:普通成员
等级:1
金币:0.0
发贴:45
#72004/7/13 13:00:50
非常感谢两位!!!!!!!!!!!!!!!!!!!!!!!

我觉得第一位的代码比较好,简洁易懂.
那些script我不太会....但是我会拿走好好研究的!
再次感谢!



html

职务:普通成员
等级:1
金币:0.0
发贴:45
#82004/7/15 13:22:22
各位,第一种我研究了下.
他的原理是把所有图片一起滚动完后.
刷新一次.
重新滚动.........

这样的话,有一个刷新的过程,这样的话,就非常不好看了.
我觉得给人的视觉应该是一直连续的滚动.



html

职务:普通成员
等级:1
金币:0.0
发贴:45
#92004/7/15 13:59:38
我在网上搜索了一下,改出以下代码,但是有一个问题
我改好后,第一次打开,OK.没问题,一直是在滚动.
但是突然不知道怎么的,图片就没了,只显示了一条灰色的背景带.
各位知道这是怎么回事吗?

代码如下:
---------------------------------------------------------------------
<script language="javascript1.2">
var sliderwidth=1024
var sliderheight=112
var slidespeed=5
slidebgcolor="#EDEDED"
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://www.sunbo.com"><img src="http://www.glsz.gov.cn/1/cn/top/01.jpg" border=0></a>'
leftrightslide[1]='<a href="http://www.sunbo.com"><img src="http://www.glsz.gov.cn/1/cn/top/02.jpg" border=0></a>'
leftrightslide[2]='<a href="http://www.sunbo.com"><img src="http://www.glsz.gov.cn/1/cn/top/03.jpg" border=0></a>'
leftrightslide[3]='<a href="http://www.sunbo.com"><img src="http://www.glsz.gov.cn/1/cn/top/04.jpg" border=0></a>'
leftrightslide[4]='<a href="http://www.sunbo.com"><img src="http://www.glsz.gov.cn/1/cn/top/05.jpg" border=0></a>'
leftrightslide[5]='<a href="http://www.sunbo.com"><img src="http://www.glsz.gov.cn/1/cn/top/06.jpg" border=0></a>'
leftrightslide[6]='<a href="http://www.sunbo.com"><img src="http://www.glsz.gov.cn/1/cn/top/07.jpg" border=0></a>'
leftrightslide[7]='<a href="http://www.sunbo.com"><img src="http://www.glsz.gov.cn/1/cn/top/08.jpg" border=0></a>'
leftrightslide[8]='<a href="http://www.sunbo.com"><img src="http://www.glsz.gov.cn/1/cn/top/09.jpg" border=0></a>'

var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+20
-------------------------------------------------------------------------------------------------



html

职务:普通成员
等级:1
金币:0.0
发贴:45
#102004/7/15 14:03:03
我把上面的代码加进.asp页面去.
连滚动都不滚动了....


这些都是加在body区里面的吧?



无敌精英逃兵

职务:普通成员
等级:1
金币:2.0
发贴:165
#112004/7/15 16:44:12
上面的code不全吧



html

职务:普通成员
等级:1
金币:0.0
发贴:45
#122004/7/15 23:26:30
我不记得了.
我把文件给删了
因为如果是刷新一次的话,真的很难搞.