<html><script language="javascript" type="text/ecmascript">
var speed=50;
div1.innerHTML=div2.innerHTML;
function Marquee () {
if (div3.offsetTop-div1.scrollTop<=0)
div1.scrollTop-=div2.offsetHeight;
else
div1.scrollTop++;
}
var MyMar=setInterval(Marquee,speed);
div1.onmouseover=function() {
clearInterval(MyMar);
}
div1.onmouseout=function () {
MyMar=setInterval (Marquee,speed)
}
</script>
<body>
<div id="div1" class="text-v">
<div id="div2"> 午后的风摇晃枝桠抖落了盛夏<br/>
我对着蝉认真说话在对你牵挂<br/>
晚风轻敲著海沙浪堆积起无暇<br/>
我跟纯真在比傻爱上你放不下<br/>
这风景如画(开满凤凰凤凰花)<br/>
院子里花洒(浇灌著那种情话)<br/>
等最美的晚霞等故事长大<br/>
更多公告</div>
<div id="div3"></div>
</div>
</body>
</html>下面是定义的样式
#div1{
position:absolute;
left:725px;
top:385px;
width:255px;
height:150px;
z-index:15;
}
.text-v {
font-size:13px;
color:#333333;
text-decoration:none;
overflow:hidden;
text-align:left;
}
.text-v p {
margin:0px;
padding:0px;
height:22px;}
而且根据代码你的内存会在短时间被吃完
呵呵,谢谢哦, 我看了效果了,真的很棒哦, 不过代码就不懂啦~~嘿嘿,javascript只是知道一点哦,不过以后会好好学习的,希望以后能看懂吧~呵呵
<head>
<style type="text/css">
#div1 {
position: absolute;
left: 725px;
top: 385px;
width: 255px;
height: 12px;
z-index: 15;
}.text-v {
font-size: 13px;
color: #333333;
text-decoration: none;
overflow: hidden;
text-align: left;
}.text-v p {
margin: 0px;
padding: 0px;
height: 22px;
}
</style>
</head> <body>
<div id="div1" class="text-v">
<div id="div2">
午后的风摇晃枝桠抖落了盛夏
<br />
我对着蝉认真说话在对你牵挂
<br />
晚风轻敲著海沙浪堆积起无暇
<br />
我跟纯真在比傻爱上你放不下
<br />
这风景如画(开满凤凰凤凰花)
<br />
院子里花洒(浇灌著那种情话)
<br />
等最美的晚霞等故事长大
<br /> 更多公告
</div>
<div id="div3">
</div>
</div>
</body>
<script language="javascript"> var speed = 50;
function Marquee() {
if (div3.offsetTop - div1.scrollTop <= 0)
div1.scrollTop -= div2.offsetHeight;
else
div1.scrollTop++;
}
var MyMar = setInterval(Marquee, speed);
div1.onmouseover = function() {
clearInterval(MyMar);
}
div1.onmouseout = function() {
MyMar = setInterval(Marquee, speed)
}
</script>
</html>
你只要把JS里那行将div1的InnerHtml设成div2的InnerHtml删掉,然后把div1的高度设小一些就行了
我是想作无缝滚动的广告,div1.innerHTML=div2.innerHTML这一句错了,应该把div3的内容给div2.谢谢哦,终于弄好啦