Javascript Chinaz的不间断滚动新闻函数

2016-02-19 15:18 5 1 收藏

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享Javascript Chinaz的不间断滚动新闻函数,希望可以对大家能有小小的帮助。

【 tulaoshi.com - Web开发 】

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title精彩推荐/title
style type="text/css"
!--
body{height:20px;line-height:20px;overflow:hidden;width:550px;margin:0 auto;font-size:14px;background:#F5FAFF;}
.sinTip {font-size:14px;}
.bbs {float:left;margin-right:10px;height:20px;line-height:20px;font-weight:bold;color:#c00;background:url(/images/news.png) no-repeat 10px 5px;padding-left:20px;}
#ullist2 {float:left;height:20px; overflow:hidden;line-height:20px;margin:0;padding:0;}
#ullist2 a{padding-left:15px;}
#ullist2 a, #ullist2 a:link, #ullist2 a:visited {color:#000;text-decoration: none;}
#ullist2 a:hover {color:#c00;}
--
/style
/head
body
div class="sinTip"
div class="bbs"精彩推荐/div
ul id="ullist2"


      lia href="/Bbs/Club/20090203/65103.html" target="_blank"·font color="#0000FF"庆贺站长站7周年活动之 你发帖子我送QB/font/a/li

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

      lia href="/Bbs/Club/20090203/65089.html" target="_blank"·从春晚丫蛋看“搜狐意淫”/aa href="/Bbs/Club/20090203/65119.html" target="_blank"·动物管理员写给华为员工的一封信/a/li

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

    lia href="/Bbs/Club/20090202/64849.html" target="_blank"·font color="#ff0000"一道小学作业题引发的血案/font/aa href="/Bbs/Club/20090202/65014.html" target="_blank"·网易美女多 搜狐MM姿色平平但风骚/a/li
   
    lia href="/Bbs/Club/20090202/65043.html" target="_blank"·2月2号中国站长站编辑部精彩推荐/aa href="/Bbs/Club/20090201/64731.html" target="_blank"·英知名网站评10大鼓舞人心IT事件/a/li
   
    lia href="/Bbs/Club/20090201/64729.html" target="_blank"·英女皇亲自参与革新英皇室官网/aa href="/Bbs/Club/20090202/64928.html" target="_blank"·font color="#008040"新浪UC现免费色情聊天室 表演露骨/font/a/li
   
    lia href="/Bbs/Club/20090201/64727.html" target="_blank"·Google官方解释昨日全球搜索报错事件/aa href="/Bbs/Club/20090201/64724.html" target="_blank"· 站长站首发 牛年站长赚钱秘籍/a/li
   
    lia href="/Bbs/Club/20090202/64933.html" target="_blank"·font color="#336633"恒源祥最新雷人广告 被指低级炒作/font/aa href="/Bbs/Club/20090201/64718.html" target="_blank"·微软 Windows 7时代64位版将成主流/a/li
   
    lia href="/Bbs/Club/20090201/64715.html" target="_blank"·阿里巴巴加薪的本质是企业困境/aa href="/Bbs/Club/20090201/64708.html" target="_blank"·系统管理员阴谋删除房利美服务器数据而被捕/a/li
   
    lia href="/Bbs/Club/20090201/64704.html" target="_blank"·美女赵飞燕有致命女人香/a a href="/Bbs/Club/20090201/64703.html" target="_blank"·监测公告 发现大量计算机遭恶意木马入侵/a/li
   
    lia href="/Bbs/Club/20090201/64700.html" target="_blank"·网友贴择偶条件细则 可以随时付出生命/aa href="/Bbs/Club/20090201/64698.html" target="_blank"·网店销售假名牌运动服饰 4名青年被抓/a/li
 
    lia href="/Bbs/Club/20090201/64691.html" target="_blank"·百度上春晚 实现品牌建设新跨越/aa href="/Club/20090202/64922.html" target="_blank"·网友曝光 3G运营推广或觊觎鸟巢冠名/a/li

/ul
/div http://www.knowsky.com
script type="text/javascript"
       (function(ul, delay, speed, lineHeight) {
              var slideBox = (typeof ul == 'string')?document.getElementById(ul):ul;
              var delay = delay||1000;
              var speed=speed||20;
              var lineHeight = lineHeight||20;
              var tid = null, pause = false;
              var start = function() {
                     tid=setInterval(slide, speed);
              }
              var slide = function() {
                     if (pause) return;
                     slideBox.scrollTop += 2;
                     if ( slideBox.scrollTop % lineHeight == 0 ) {
                            clearInterval(tid);
                            slideBox.appendChild(slideBox.getElementsByTagName('li')[0]);
                            slideBox.scrollTop = 0;
                            setTimeout(start, delay);
                     }
              }
              slideBox.onmouseover=function(){pause=true;}
              slideBox.onmouseout=function(){pause=false;}
              setTimeout(start, delay);
       })
       ( 'ullist2', 3000, 1, 20 );//停留时间,相对速度(越小越快),每次滚动多少,最好和Li的Line-height一致。
/script     
/body
/html

来源:http://www.tulaoshi.com/n/20160219/1609335.html

延伸阅读
标签: Web开发
新闻一 我是打头的 我向上运动 我向上运动 我向上运动 新闻二 我是打头的 我向上运动 我向上运动 我向上运动 新闻三 我是打头的 我向上运动 我向上运动
标签: Web开发
作者:F. Permadi 译者:Sheneyan(子乌) 英文原文: INTRODUCTION TO JavaScript Functions 中文译文(包括示例):javascript的函数 子乌注:一篇相当不错的function入门文章,个人感觉相当经典。 词语翻译列表: function:函数(Function未翻译) declare:定义 assign:指派,分配 functionbody:函数体(就是函数的内容) object:对象 prop...
标签: Web开发
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title活动公告/title style type="text/css" body,td,th {  font-family: Verdana, A...
标签: 电脑入门
如果你觉得图文并茂的幻灯片已经不再新鲜的话,那不妨在幻灯片里加入声音,这样就可以在美妙的音乐声陪伴下进行演示了。但如果只是在页面内插入声音的话,当放映到下一张幻灯片后声音就会停止,通过以下的设置就可以让音乐不停播放直到演示结束。 运行PPT2007后打开我们需要编辑的PPT文档,然后在插入选项卡中选择媒体剪辑-声音-文件中的声音...
标签: Web开发
函数为程序设计人员提供了一个非常方便的能力。通常在进行一个复杂的程序设计时,总是根据所要完成的功能,将程序划分为一些相对独立的部分,每部分编写一个函数。从而,使各部分充分独立,任务单一,程序清晰,易懂、易读、易维护。JavaScript函数可以封装那些在程序中可能要多次用到的模块。并可作为事件驱动的结果而调用的程序。从而实现...

经验教程

720

收藏

46
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部