如何在同一个页面多次使用同一个JS效果 10
<divid=link_logostyle="OVERFLOW:hidden;WIDTH:160px;HEIGHT:235px"><divid=link_logo1sty...
<div id=link_logo style="OVERFLOW: hidden; WIDTH: 160px; HEIGHT: 235px">
<div id=link_logo1 style="OVERFLOW: hidden">
<table cellspacing=0 cellpadding=0 width=164 border=0>
<tr><Td>1111</Td></tr>
<tr><Td>22222</Td></tr>
<tr><Td>3333</Td></tr>
<tr><Td>444</Td></tr>
<tr><Td>5555</Td></tr>
<tr><Td>66666</Td></tr>
<tr><Td>77777</Td></tr>
<tr><Td>88888</Td></tr>
</table>
</div>
<div id=link_logo2></div>
</div>
<script>
var speed=65
link_logo2.innerHTML=link_logo1.innerHTML
function Marquee2(){
if(link_logo2.offsetTop-link_logo.scrollTop<=0)
link_logo.scrollTop-=link_logo1.offsetHeight
else{
link_logo.scrollTop++
}
}
var MyMar2=setInterval(Marquee2,speed)
link_logo.onmouseover=function() {clearInterval(MyMar2)}
link_logo.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}
</script> 展开
<div id=link_logo1 style="OVERFLOW: hidden">
<table cellspacing=0 cellpadding=0 width=164 border=0>
<tr><Td>1111</Td></tr>
<tr><Td>22222</Td></tr>
<tr><Td>3333</Td></tr>
<tr><Td>444</Td></tr>
<tr><Td>5555</Td></tr>
<tr><Td>66666</Td></tr>
<tr><Td>77777</Td></tr>
<tr><Td>88888</Td></tr>
</table>
</div>
<div id=link_logo2></div>
</div>
<script>
var speed=65
link_logo2.innerHTML=link_logo1.innerHTML
function Marquee2(){
if(link_logo2.offsetTop-link_logo.scrollTop<=0)
link_logo.scrollTop-=link_logo1.offsetHeight
else{
link_logo.scrollTop++
}
}
var MyMar2=setInterval(Marquee2,speed)
link_logo.onmouseover=function() {clearInterval(MyMar2)}
link_logo.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}
</script> 展开
3个回答
展开全部
把你要公用的JS代码写到一个*.js文件中,在HTML页面用<style type="text/css" src="js路径"></style>引用进来,用法和你现在的一样,直接调用函数即可。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你这是文字向上滚对吧,要是一个页面,多次使用,你的把那几个关键ID,起不同的名字比如这个id=link_logo
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
楼上正解,名字换不同的就行。但是要记得改二个地方
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询