向上滚动公告
<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>
分享到:
相关推荐
这个"简单原生js文字向上滚动消息框代码"提供了一种实现方式,它不依赖于任何JavaScript库如jQuery,而是完全基于原生JavaScript编写,这使得它在性能和加载速度上具有优势。 首先,`index.html`是网页的主文件,它...
这个插件对于动态展示大量文本信息,如公告、新闻或者滚动广告非常有用。 首先,我们要理解什么是"无缝滚动"。在网页设计中,无缝滚动是指一种滚动效果,当内容滚动到页面顶部或底部时,新的内容会立即接替旧的内容...
在本文中,我们将深入探讨如何使用原生JavaScript来实现一个列表内容自动向上滚动的效果。这种效果常见于新闻滚动条、公告栏或者评论展示等场景,能够有效地节省空间并吸引用户的注意力。 首先,我们需要理解实现这...
`Marquee1`函数是实现滚动的核心,它检查`FGDemo2`(即`demo2`)的偏移高度是否已经小于等于0,如果是,则滚动到`FGDemo1`(即`demo1`)的底部,否则每次循环向上滚动1像素。`setInterval`函数用来定时执行`Marquee1...
标题"几种js文字滚动(滚动 新闻)代码共享"表明我们将探讨如何利用JavaScript实现文字滚动效果,通常这种效果也被称为滚动新闻或滚动公告。 JavaScript文字滚动的基本原理是通过改变文本元素的位置或透明度,使文字...
AutoScrollTextView是一款开源Android应用程序,其核心功能是在文本视图(TextView)中实现自动滚动效果。...同时,这个项目也可以作为其他类似需求的起点,比如自动滚动的新闻标题列表或滚动公告。
在微信小程序中,实现无限滚动列表是一种常见的需求,主要用于展示大量数据,如商品列表、用户信息等。这种滚动效果能够给用户带来流畅的浏览体验,同时也优化了性能,避免一次性加载过多数据导致页面卡顿。以下是...
在网页设计中,动态效果是吸引用户注意力的重要手段之一,其中文字滚动显示是一种常见的特效,尤其适用于新闻更新、公告展示等场景。jQuery,一个广泛使用的JavaScript库,为实现这种效果提供了强大而便捷的支持。本...
描述中提到的“公告滚动想必大家都有见到过吧”,是指这种滚动展示信息的方式非常常见,比如在很多网站的首页顶部,可以看到信息条目不断地向上或向下滚动,以展示多条信息。而“使用jquery实现垂直公告滚动”则是指...
例如,`direction=up`会使文字向上滚动。 4. `width` 和 `height`: 分别设置滚动区域的宽度和高度。调整这两个属性可以改变滚动字幕的大小。 5. `onmouseover` 和 `onmouseout`: 这两个事件处理程序可用于控制鼠标...
- 当`FGDemo2`的高度减去`FGDemo`当前的滚动位置小于等于0时,表示已经滚动到底部,此时需要重置滚动位置为负值(即向上滚动)。 - 否则,继续向下滚动。 - **事件绑定** ```javascript var MyMar1 = ...
在网页设计中,动态效果是吸引用户注意力的重要手段之一,其中文字上下滚动的效果常常用于新闻更新、公告展示等场景。jQuery作为一个轻量级、功能强大的JavaScript库,为实现这种效果提供了便利。本篇文章将深入探讨...
幻灯上滚效果通常用于展示多行文本,每行文字在屏幕上停留一段时间后自动向上滚动,以揭示下一行内容。这种效果在新闻网站、公告栏或滚动广告中常见,它能有效地吸引用户的注意力,并在有限的空间内传递更多信息。 ...
6. **向上滚动文字**:这种效果常用于制作滚动公告或动态标题,文字会沿着设定的方向(这里是向上)滚动。实现方法通常涉及CSS动画和JavaScript定时器。 7. **常用布局**:网页布局设计是页面结构的关键,包括流式...
`direction` 参数决定滚动方向,可以设置为 'up'(向上滚动)或 'down'(向下滚动)。 **三、Pascutter 高级特性** 1. **自定义选项** Pascutter 提供了一些可自定义的选项,如暂停/恢复滚动、自动启动等。例如,...