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

向上滚动公告(原)

阅读更多

向上滚动公告

<script language="javascript">
var sIndexinfo = [['http://www.baidu.com/','百度网'],['http://www.sina.com.com/','新浪网'],['http://www.sohu.com/','搜狐网']];
function buildAdHtml(info){
var _html = "<div style='overflow:hidden;height:20px;line-height:20px;font-size:12px' id='marqueebox0'>";
    for(var i=0 ;i<info.length;i++){
        _html += "<a href='"+unescape(info[i][0])+"' target='blank'><b>"+unescape(info[i][1])+"</b></a><br>";
    }
    _html += "</div>";
    return _html;
}
document.write(buildAdHtml(sIndexinfo));

function startmarquee(lh,speed,delay,index){
var t;
var p=false;
var o=document.getElementById("marqueebox"+index);
o.innerHTML+=o.innerHTML;
o.onmouseover=function(){p=true}
o.onmouseout=function(){p=false}
o.scrollTop = 0;
function start(){
t=setInterval(scrolling,speed);
if(!p) o.scrollTop += 2;
}
function scrolling(){
if(o.scrollTop%lh!=0){
o.scrollTop += 2;
if(o.scrollTop>=o.scrollHeight/2) o.scrollTop = 0;
}else{
clearInterval(t);
setTimeout(start,delay);
}
}
setTimeout(start,delay);
}
startmarquee(20,50,5000,0); 
  
</script>

 

分享到:
评论
3 楼 dr88 2012-04-03  
@ eoasis
谢谢您的回复,已经调用成功。
2 楼 eoasis 2012-03-21  
调用buildAdHtml方法,把返回值innerHtml到你需要的地方
1 楼 dr88 2012-03-06  
正需要做过滚动效果,外行问一个问题
请问在把上述代码做成js之后,怎么调度到需要的位置显示,谢谢

相关推荐

    简单原生js文字向上滚动消息框代码

    这个"简单原生js文字向上滚动消息框代码"提供了一种实现方式,它不依赖于任何JavaScript库如jQuery,而是完全基于原生JavaScript编写,这使得它在性能和加载速度上具有优势。 首先,`index.html`是网页的主文件,它...

    原生js scrolltext无缝滚动插件带按钮控制文字向上无缝滚动

    这个插件对于动态展示大量文本信息,如公告、新闻或者滚动广告非常有用。 首先,我们要理解什么是"无缝滚动"。在网页设计中,无缝滚动是指一种滚动效果,当内容滚动到页面顶部或底部时,新的内容会立即接替旧的内容...

    原生JS实现列表内容自动向上滚动效果

    在本文中,我们将深入探讨如何使用原生JavaScript来实现一个列表内容自动向上滚动的效果。这种效果常见于新闻滚动条、公告栏或者评论展示等场景,能够有效地节省空间并吸引用户的注意力。 首先,我们需要理解实现这...

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

    `Marquee1`函数是实现滚动的核心,它检查`FGDemo2`(即`demo2`)的偏移高度是否已经小于等于0,如果是,则滚动到`FGDemo1`(即`demo1`)的底部,否则每次循环向上滚动1像素。`setInterval`函数用来定时执行`Marquee1...

    几种js文字滚动(滚动 新闻)代码共享

    标题"几种js文字滚动(滚动 新闻)代码共享"表明我们将探讨如何利用JavaScript实现文字滚动效果,通常这种效果也被称为滚动新闻或滚动公告。 JavaScript文字滚动的基本原理是通过改变文本元素的位置或透明度,使文字...

    AutoScrollTextView,示例android应用程序展示了如何在android的文本视图中设置自动滚动。.zip

    AutoScrollTextView是一款开源Android应用程序,其核心功能是在文本视图(TextView)中实现自动滚动效果。...同时,这个项目也可以作为其他类似需求的起点,比如自动滚动的新闻标题列表或滚动公告。

    微信小程序实现无限滚动列表

    在微信小程序中,实现无限滚动列表是一种常见的需求,主要用于展示大量数据,如商品列表、用户信息等。这种滚动效果能够给用户带来流畅的浏览体验,同时也优化了性能,避免一次性加载过多数据导致页面卡顿。以下是...

    jQuery文字滚动显示

    在网页设计中,动态效果是吸引用户注意力的重要手段之一,其中文字滚动显示是一种常见的特效,尤其适用于新闻更新、公告展示等场景。jQuery,一个广泛使用的JavaScript库,为实现这种效果提供了强大而便捷的支持。本...

    jquery垂直公告滚动实现代码

    描述中提到的“公告滚动想必大家都有见到过吧”,是指这种滚动展示信息的方式非常常见,比如在很多网站的首页顶部,可以看到信息条目不断地向上或向下滚动,以展示多条信息。而“使用jquery实现垂直公告滚动”则是指...

    滚动字代码

    例如,`direction=up`会使文字向上滚动。 4. `width` 和 `height`: 分别设置滚动区域的宽度和高度。调整这两个属性可以改变滚动字幕的大小。 5. `onmouseover` 和 `onmouseout`: 这两个事件处理程序可用于控制鼠标...

    文字滚动JS

    - 当`FGDemo2`的高度减去`FGDemo`当前的滚动位置小于等于0时,表示已经滚动到底部,此时需要重置滚动位置为负值(即向上滚动)。 - 否则,继续向下滚动。 - **事件绑定** ```javascript var MyMar1 = ...

    jquery文字上下滚动效果代码

    在网页设计中,动态效果是吸引用户注意力的重要手段之一,其中文字上下滚动的效果常常用于新闻更新、公告展示等场景。jQuery作为一个轻量级、功能强大的JavaScript库,为实现这种效果提供了便利。本篇文章将深入探讨...

    JS实现的幻灯上滚效果特效代码

    幻灯上滚效果通常用于展示多行文本,每行文字在屏幕上停留一段时间后自动向上滚动,以揭示下一行内容。这种效果在新闻网站、公告栏或滚动广告中常见,它能有效地吸引用户的注意力,并在有限的空间内传递更多信息。 ...

    css常见问题解决办法

    6. **向上滚动文字**:这种效果常用于制作滚动公告或动态标题,文字会沿着设定的方向(这里是向上)滚动。实现方法通常涉及CSS动画和JavaScript定时器。 7. **常用布局**:网页布局设计是页面结构的关键,包括流式...

    pascutter:用于上下滑动文本的简单 jQuery 插件

    `direction` 参数决定滚动方向,可以设置为 'up'(向上滚动)或 'down'(向下滚动)。 **三、Pascutter 高级特性** 1. **自定义选项** Pascutter 提供了一些可自定义的选项,如暂停/恢复滚动、自动启动等。例如,...

Global site tag (gtag.js) - Google Analytics