Marquee首尾相连不间断移动开始完全显示

raisun_1988

浏览: 117830 次
性别:
来自: 长沙

最近访客更多访客>>

到底有几多太阳

hongchaong

失语者

u012648002

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

理财 ASP.net ASP 金融 .net

学java和asp.net的朋友-免费的浪曦java视频和asp.net视频下载.
是全套的完整的。http://www.itpob.cn/bbs/thread-196-1-1.html
有需要的可以去下。

实现首尾相连的Marquee效果，并且在开始时完整显示内容。而不是从左边渐渐移动出来！
有时很需要类似效果！发布出来。
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><html>
<title>模拟Marquee实现首尾想连的移动效果</title>
<head>
<style>
.col_kx { OVERFLOW: hidden; WIDTH: 700px }
</style>
</head>
<body>

<div id="header_demo" class="col_kx">
<table border="0" cellspacing="0" cellpadding="0">
     <tr>
         <td id="header_demo1" nowrap>
             
         <a href="">新婚夫妇如何理财</a> <a href="">原创连载之-----70男和80女的同居理财故事 (2)</a> <a href="">魂牵梦萦人</a>
           <a href="">金融直播室</a> <a href="">魂牵梦萦人</a>
         <td id="header_demo2" nowrap></td>
     </tr>
</table>
</div>
<script>

//滚动头条
//滚动效果
var header_demo = document.getElementById("header_demo");
var header_demo1 = document.getElementById("header_demo1");
var header_demo2 = document.getElementById("header_demo2");
var speed=20;     //数值越大滚动速度越慢
header_demo2.innerHTML = header_demo1.innerHTML;

//header_demo2.offsetWidth 总宽度
alert(header_demo2.offsetWidth +"-"+header_demo.scrollLeft);

function Marquee(){
     if(header_demo2.offsetWidth-header_demo.scrollLeft<=0)
         header_demo.scrollLeft-=header_demo1.offsetWidth
     else{
         header_demo.scrollLeft++
     }
}
var MyMar = setInterval(Marquee,speed);
header_demo.onmouseover = function(){clearInterval(MyMar)}
header_demo.onmouseout = function(){MyMar = setInterval(Marquee,speed)}
</script>

</body>
</html>

分享到：

Hibernate:merge(),attachDirty(),attachCl ... | 支付宝接口

2010-01-22 15:58
浏览 1297
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论