`
litianyi520
  • 浏览: 42999 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

每隔一段时间滚动

阅读更多

<!--<script>
if(document.cookie.indexOf("yexj00")==-1){
document.cookie="yexj00";
window.open('fwbook/about.htm','','width=630,height=456,top=100,left=170');
}
</script>-->

<table width="99%"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="3%" noWrap class=cn>&nbsp;&nbsp;&nbsp;<img src="images/bbsnewsicon.gif" width="16" height="16" align="absmiddle" alt="论坛最新公告"></td>
    <td width="56%" noWrap class=cn>
<script>
var marqueeContent=new Array(); //滚动新闻
marqueeContent[0]='<B>欢迎我们的新会员:<a href="viewuser.asp?username=哚啦" target="_blank">哚啦</a></b><br>';
marqueeContent[1]='<font color=#ff6600><b>严禁恶意使用粗言秽语,违者经劝告无效,立即封ID!</b></font><br>';

marqueeContent[2]='<a href=bbsnews.asp><font color=#000080>织梦新书《DW MX 2004 从基础到实践》(<span class=date>2005-9-20 22:50:13</span>)</font></a><br>';

marqueeContent[3]='<a href=bbsnews.asp><font color=#000080>【公告】织梦论坛全面招募版主!(<span class=date>2005-8-1 23:52:06</span>)</font></a><br>';

marqueeContent[4]='<a href=bbsnews.asp><font color=#000080>关于各版块版主清理置顶贴的通知...(<span class=date>2005-6-15 17:07:36</span>)</font></a><br>';

marqueeContent[5]='<a href=bbsnews.asp><font color=#000080>织梦幻影备案成功!!(<span class=date>2005-4-20 20:26:01</span>)</font></a><br>';

marqueeContent[6]='<a href=bbsnews.asp><font color=#000080>【请大家清理自己的站内短消息】(<span class=date>2005-3-21 20:11:09</span>)</font></a><br>';

marqueeContent[7]='<a href=bbsnews.asp><font color=#000080>织梦试推行新域名:5dm.cn(<span class=date>2005-2-5 23:53:17</span>)</font></a><br>';

marqueeContent[8]='<a href=bbsnews.asp><font color=#000080>感恩:感谢织梦,感谢朋友们(<span class=date>2004-11-25 10:21:38</span>)</font></a><br>';

marqueeContent[9]='<a href=bbsnews.asp><font color=#000080>织梦站点变更域名暂时条例(<span class=date>2004-11-11 17:17:07</span>)</font></a><br>';

marqueeContent[10]='<a href=bbsnews.asp><font color=#000080>近期将清理一些早期用户上传的附件(<span class=date>2004-9-2 0:09:23</span>)</font></a><br>';

marqueeContent[11]='<a href=bbsnews.asp><font color=#000080>调整了论坛娱乐区的几个版块(<span class=date>2004-6-28 12:40:26</span>)</font></a><br>';

marqueeContent[12]='<a href=bbsnews.asp><font color=#000080>发布贴中含有转向网址的SWF文件的会员处理公告(<span class=date>2004-5-18 10:28:46</span>)</font></a><br>';

marqueeContent[13]='<a href=bbsnews.asp><font color=#000080>暂时关闭娱乐版块上传文件功能的说明(<span class=date>2004-5-18 10:27:51</span>)</font></a><br>';

marqueeContent[14]='<a href=bbsnews.asp><font color=#000080>版主管理相关贴子处理的说明(<span class=date>2004-5-5 10:43:50</span>)</font></a><br>';

marqueeContent[15]='<a href=bbsnews.asp><font color=#000080>建议用户及时修改提示答案与问题!!!!(<span class=date>2004-5-5 10:38:52</span>)</font></a><br>';

marqueeContent[16]='<a href=bbsnews.asp><font color=#000080>“织梦论坛”版块管理员招募纳新(<span class=date>2004-2-17 11:21:45</span>)</font></a><br>';

var marqueeInterval=new Array(); //定义一些常用而且要经常用到的变量
var marqueeId=0;
var marqueeDelay=2500;
var marqueeHeight=19;
//接下来的是定义一些要使用到的函数
function initMarquee() {
    var str=marqueeContent[0];
    document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
    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();
</script>

分享到:
评论

相关推荐

    jquery text slider(文字滚动)

    // 每隔一段时间滚动一次 setInterval(scroll, settings.speed * 2); }); }; // 使用插件 $('#text-slider').scrollText({ direction: 'up', speed: 100 }); ``` **三、实现与优化** 在实际应用中,我们...

    文字列表滚动

    // 每隔一段时间滚动一次 setInterval(scrollDown, 3000); ``` 5. **事件处理**: 如果需要响应用户的交互,例如点击按钮来切换滚动方向,可以添加事件监听器。例如,添加一个暂停/继续按钮: ```javascript ...

    表格滚动播放(播完隔一段时间可以继续播放)

    表格滚动播放(播完隔一段时间可以继续播放),并且每五条一次

    Gallery和ImageSwitcher同步自动(滚动)播放图片库

    5. **自动播放**:实现定时器(如`Handler`或`CountDownTimer`),每隔一段时间滚动`Gallery`到下一个图片。确保在滚动时触发`OnItemSelectedListener`,这样`ImageSwitcher`也会同步更新。 ```java final Handler ...

    图片间隔做滚动

    在网页设计中,图片间隔滚动是一种常见的动态效果,它能够以定时间隔自动切换展示的图片,为用户带来更丰富的视觉体验。这种效果通常通过HTML结构和JavaScript脚本实现。接下来,我们将深入探讨如何利用HTML与...

    iOS qq音乐的欢迎界面demo

    - 为了实现自动滚动效果,可以使用NSTimer配合scrollRectToVisible方法,每隔一段时间滚动到下一页。 2. **使用UIPageViewController**: - 初始化UIPageViewController并设置其dataSource和delegate,这两个协议...

    基于JS的文章按行向上滚动,鼠标经过时停止(间接性)

    JS会设置一个定时器(`setInterval`),每隔一定时间周期性地调整文本的位置,使文本看起来像是向上滚动。例如,可以创建一个包含文字的div元素,并设置其负的`top`值逐渐增加,以实现向上滚动的效果。 2. **无间隙...

    易语言标签标题滚动

    这可能涉及到计时器对象,通过设置定时器的间隔时间,每隔一段时间改变标签的文本,从数组中取出下一个标题进行显示。如果到达数组末尾,可以重新从头开始,形成循环滚动的效果。 滚动过程中,还需要考虑滚动方向...

    jQuery实现可滚动的横向和纵向的时间轴幻灯片效果

    例如,我们可以设置定时器每隔一段时间自动切换到下一个幻灯片,或者当用户点击导航按钮时触发切换。 为了实现幻灯片的滚动,我们需要计算出每个幻灯片的位置,并根据当前显示的幻灯片调整时间轴的滚动位置。对于...

    自动滚动+手动滚动的图片

    2. 创建定时器,每隔一段时间更改当前显示的图片索引。 3. 添加事件监听器,处理用户点击按钮或滑动的行为。 4. 更新图片容器的CSS属性(如transform)来改变显示的图片。 5. 根据用户操作暂停或恢复定时器。 总结...

    JAVA实验字符串的滚动

    该程序的主要功能是展示一段文本("Welcome to Java!!"),使其从屏幕左侧开始,向右侧滚动。当这段文本完全移出屏幕右侧边界后,它会再次从屏幕左侧出现并继续向右移动。这种滚动效果在很多场景下都非常有用,比如...

    js 上下(左右)图片滚动

    同样使用`setInterval`设置定时器,每隔一段时间更新图片的位置。 4. 添加相应的边界检测,当图片滚动到容器边缘时,停止定时器或者反向滚动。 **实现细节** 在实际应用中,为了增加用户体验,我们还需要考虑以下...

    滑轮新闻滚动代码

    2. **定时器**:通过`setInterval`函数,我们可以设置一个定时任务,让新闻每隔一段时间自动滚动。例如,每2秒钟滚动一个新闻项。 3. **CSS样式**:配合CSS,可以设置新闻滚动区域的样式,如宽度、高度、颜色、字体...

    一个VB滚动条测试程序,利用timer

    描述中提到的“滚动条速度调节利用了timer的作用”,意味着Timer组件被用作计时器,每隔一定时间间隔触发事件,从而改变滚动条的位置,实现了速度可调的效果。Timer组件在VB中是一个非常实用的工具,它可以在指定的...

    js 文字滚动效果

    定时器`setInterval`负责每隔一段时间调用`updateText`函数,`updateText`函数则根据当前索引更新显示的文字。 为了使滚动效果更加平滑,可以使用CSS添加过渡效果。例如: ```css #scrollingText p { transition:...

    图片滚动,文字滚动,图片横竖滚动,超好的横竖同时无缝隙滚动代码,js,滚动特效

    例如,可以设置一个定时器,每隔一段时间更新图片的CSS属性,使图片在视口内移动,从而实现滚动效果。这种方法常用于轮播图或者新闻滚动条。 2. **文字滚动**:文字滚动与图片滚动类似,但涉及到的是文本元素的移动...

    div内容自动滚动,自动生成随机颜色

    在实际应用中,这两个技术可以结合使用,例如在一个实时聊天应用中,消息框可以自动滚动显示新消息,同时每条消息的背景色都用自动生成的随机颜色,提供良好的视觉区分。 总结来说,div内容自动滚动是通过...

    Android ListView自动循环滚动

    在特定场景下,比如制作广告轮播或者信息展示区,我们可能需要让ListView实现自动循环滚动的效果,就像广告轮播器那样,无需用户手动滑动,每隔一段时间就自动切换到下一个项目。这通常涉及到对ListView的适配器...

    c# listview 实现循环滚动显示

    这通常涉及到定时器(Timer)的使用,定时器每隔一段时间就会触发事件,更新ListView显示的内容。以下是一个基本的步骤: 1. **创建ListView和Timer**:在Form中添加一个`ListView`控件和一个`Timer`控件,设置`...

    WheelDemo滚动随机选号

    - 自动滚动:可能设置了定时任务,每隔一段时间自动滚动到一个新的随机号码,模拟连续抽奖的过程。 - 用户交互反馈:为了提升用户体验,可能加入了触摸滑动的反馈,如滑动动画、选中状态的高亮显示等。 - 键盘输入...

Global site tag (gtag.js) - Google Analytics