在DW软件中怎么制作图片的跑马灯

在DW软件中怎么制作图片的跑马灯,第1张

这个比较简单 使用 <marque></marque>标签就能制作简单的跑马灯特效了!<marque><a href= http://www.skyviewtech.com.cn><img src="图片路径"/></a></marque>

这个可以无限不间断向左滚动<div id="dygc" style="white-space:nowraptext-align:centeroverflow:hiddenwidth:800">

//你要滚动的内容</div>

<div id="drgc" style=" position:absolutewhite-space:nowrap">

</div>//下面是JS代码 document.getElementById("drgc").innerHTML = ""

document.getElementById("drgc").innerHTML = document.getElementById("dygc").innerHTML

while (document.getElementById("drgc").offsetWidth <document.getElementById("dygc").offsetWidth) {

document.getElementById("drgc").innerHTML += document.getElementById("drgc").innerHTML

}

document.getElementById("dygc").innerHTML = document.getElementById("drgc").innerHTML + document.getElementById("drgc").innerHTML

document.getElementById("drgc").style.display = "none"

setInterval("dee()", 50)

function dee(){

jll = document.getElementById("dygc").scrollLeft

document.getElementById("dygc").scrollLeft += 1

if (jll == document.getElementById("dygc").scrollLeft) {

document.getElementById("dygc").scrollLeft = document.getElementById("drgc").offsetWidth - document.getElementById("dygc").offsetWidth + 1

}

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11957228.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存