A-A+

文字不间断滚动代码

2013年09月09日 前端设计 评论 11 条 阅读 245 views 次

在网页当中,如果插入滚动文本,大多都会留白,这样看起来很不舒服,下面这段代码是从下向上滚动不留空白的代码,很实用,只在相应位置插入内容即可,对于图片也照样可以用,也可以直接读取数据库里的文本或图片!
<div id=design style="OVERFLOW: hidden; WIDTH: 260px; HEIGHT: 100px">
<div id=design1 style="OVERFLOW: hidden">

<!--内容-->
<font color="#FF0000">对于世界而言,你是一个人;但是对于某个人,你是他的
整个世界。纵然伤心,也不要愁眉不展,因为你不知是谁会爱上你的笑容。</font>
</div>
<div id=design2></div>
</div>
<script>
var speed=65
design2.innerHTML=design1.innerHTML
function Marquee2(){
if(design2.offsetTop-design.scrollTop<=0)
design.scrollTop-=design1.offsetHeight
else{
design.scrollTop++
}
}
var MyMar2=setInterval(Marquee2,speed)
design.onmouseover=function() {clearInterval(MyMar2)}
design.onmouseout=function() {MyMar2=setInterval(Mar
quee2,speed)}
</script>

标签:

11 条留言  访客:11 条  博主:0 条

  1. 海涛

    不错的代码。。。

  2. 哈秀时尚

    很不错的代码,收下了

  3. 右侧的小挂件很有意思哈

  4. 北漂书生

    图文并茂,一起滚起来吧,呵呵

  5. 花盗网赚博客

    能做个演示就好了

  6. 好运品牌鞋

    只是网站越来越不大快,怎么想办法好像作用也不大。

  7. IT三两事

    技术宅,学习了~

  8. 21氪

    博主应该和php二次开发多交流

    • smiling

      嗯,应该的,谢谢建议。

  9. 阿兴

    这个代码不错,有机会用一下。

  10. 小媒体

    不错,这里是个很全的代码库啊。

给我留言