一条一条新闻向上的滚动 不错

TD {
FONT-SIZE: 9pt; LINE-HEIGHT: 140%
}
body,td,th { color: #003366;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link,a:visited {
text-decoration: none;
color: #008000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
text-decoration: none;
color:#FF9900;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
A:active {
COLOR: #008000; TEXT-DECORATION: none
}

var marqueeContent = new Array();
marqueeContent[0]='今天是: 2006 年 8 月 9 日 星期三';
marqueeContent[1]='欢迎我们的新成员 {hulianglove} ';

marqueeContent[2]='最热日志:2005超级女生代言人张涵韵的成长照片 2005-6-17 21:19:02  [lccy]'

marqueeContent[3]='最热日志:港台三级片全史(宝典必看) 2005-7-21 18:10:20  [lccy]'

marqueeContent[4]='最热日志:超级女生-李宇春所有歌曲视频集锦 2005-8-2 13:51:17  [lccy]'

marqueeContent[5]='最热日志:【七剑】免费在线观看(还可免费下载哦) 2005-7-30 12:18:09  [lccy]'

marqueeContent[6]='最热日志:音频:周笔畅在超级女生中的所有歌曲(在线视听) 2005-6-16 13:13:19  [lccy]'

marqueeContent[7]='最热日志:超级女生-何洁所有歌曲视频集锦 2005-8-2 19:48:59  [lccy]'

marqueeContent[8]='最热日志:超级女生-张靓颖所有歌曲视频集锦 2005-8-2 20:05:45  [lccy]'

marqueeContent[9]='最热日志:后宿舍男孩在线播放(全集超搞笑) 2005-7-14 22:29:19  [lccy]'

marqueeContent[10]='最热日志:超级女声周笔畅为新浪网友清唱 2005-6-11 12:19:19  [lccy]'

marqueeContent[11]='最热日志:2005超级女生代言人张涵韵资料照片全接触 2005-6-15 19:06:14  [lccy]'

var marqueeInterval=new Array(); //定义一些常用而且要经常用到的变量
var marqueeId=0;
var marqueeDelay=2000;
var marqueeHeight=17;
//接下来的是定义一些要使用到的函数
function initMarquee() {
var str=marqueeContent[0];
document.write('

'+str+'

');
marqueeId++;
marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
}
function startMarquee() {
var str=marqueeContent[marqueeId];
marqueeId++;
if(marqueeId>=marqueeContent.length) marqueeId=0;
if(marqueeBox.childNodes.length==1) {
var nextLine=document.createElement('DIV');
nextLine.innerHTML=str;
marqueeBox.appendChild(nextLine);
}
else {
marqueeBox.childNodes[0].innerHTML=str;
marqueeBox.appendChild(marqueeBox.childNodes[0]);
marqueeBox.scrollTop=0;
}
clearInterval(marqueeInterval[1]);
marqueeInterval[1]=setInterval("scrollMarquee()",20);
}
function scrollMarquee() {
marqueeBox.scrollTop++;
if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
clearInterval(marqueeInterval[1]);
}
}
initMarquee();

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(0)

相关推荐

  • 一条一条新闻向上的滚动 不错

    TD { FONT-SIZE: 9pt; LINE-HEIGHT: 140% } body,td,th { color: #003366; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; } a:link,a:visited { text-decoration: none; color: #008000; font-family: Verdana, Arial, Helvetica, sans-serif;

  • js实现列表向上无限滚动

    本文实例为大家分享了js实现列表向上无限滚动的具体代码,供大家参考,具体内容如下 先来一张效果图 html <div class="transdata1"> <ul class="tody-table-header2"> <li>商品</li> <li>数量(kg)</li> <li>单价(元)</li> <li>金额(元)</li> </u

  • jQuery实现的文字逐行向上间歇滚动效果示例

    本文实例讲述了jQuery实现的文字逐行向上间歇滚动效果.分享给大家供大家参考,具体如下: 运行效果图如下: 具体代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>www.jb51.net jQuery文字逐行向上滚动代码</title> <link href="css/index.css" rel=&quo

  • JavaScript实现垂直向上无缝滚动特效代码

    一.循环向上滚动的文字,如上面的滚动效果 二.实现的思路 1.建立三个层dome.dome1.dome2 2.垂直滚动的文字在dome1上 3.通过层的滚动来实现文字滚动 三.源代码 <html> <head> <title>循环向上滚动的文字</title> <link href="css/scrollTop.css" rel="stylesheet" type="text/css" /&g

  • js+HTML5 canvas 实现简单的加载条(进度条)功能示例

    本文实例讲述了js+HTML5 canvas 实现简单的加载条(进度条)功能.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>www.jb51.net canvas实现加载条动画</title> </head> <body> <canv

  • JS实现的新闻列表自动滚动效果示例

    本文实例讲述了JS实现的新闻列表自动滚动效果.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> #box{width:260px;height:100px;margi

  • Android开发之拖动条/滑动条控件、星级评分控件功能的实例代码

    ProgressBar有2个子控件: SeekBar   拖动条控件 RatingBar   星级评分控件 1.拖动条控件 <SeekBar android:layout_width="300dp" android:layout_height="wrap_content" android:id="@+id/seekBar" android:min="0" android:max="100" andro

  • vue或css动画实现列表向上无缝滚动

    本文实例为大家分享了vue或css动画实现列表向上无缝滚动的具体代码,供大家参考,具体内容如下 方法一:vue的实现方法 <div id="publishMain" class="b_list">  <div id="publishMain1">    <div class="b_item" v-for="(ac,acindex) in activityList" :key=&

  • vue实现消息向上无缝滚动效果

    本文实例为大家分享了vue实现消息向上无缝滚动效果的具体代码,供大家参考,具体内容如下 代码: <ul class="new-list" :class="{anim:animate}" @mouseenter="Stop()" @mouseleave="Up()">   <li v-for="item in noticeList">     ...   </li> <

  • js向上无缝滚动,网站公告效果 具体代码

    复制代码 代码如下: <!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=&q

随机推荐