<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=gbk">
<style type="text/css">
ul {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px
}
#announcement {
width:100%;
background:url(img/menu_bg.gif) repeat;
overflow: hidden;
}
#announcement div {
border: #e6e6e6 1px solid;
padding:0px 10px 0px 10px;
overflow-y:hidden;
line-height: 24px;
height: 24px
}
#announcement li {
font-size: 12px;
float: left;
list-style-type: none;
margin-right: 20px;
padding-left: 10px;
background: url(img/arrow_right.gif) no-repeat 0px 50%;
white-space: nowrap
}
#announcement a {
text-decoration: none;
}
#announcement a:hover {
text-decoration:underline;
}
</style>
</HEAD>
<BODY>
<DIV id=announcement onMouseOver="if(!anncount) {clearTimeout(annst);annst = 0}" onMouseOut="if(!annst) annst = setTimeout('announcementScroll()', anndelay);">
<DIV id=announcementbody>
<UL>
<LI><A href="http://www.alixixi.com" target="_blank">分享个表单验证函数</A>（2008-12-16 05:30 P.M.）</LI>
<LI><A href="http://alixixi.com" target="_blank">块级元素和级联元素的含义</A>（2008-12-13 03:39 P.M.）</LI>
<LI><A href="http://www.alixixi.com" target="_blank">如何设置<span>的width属性且不换行？？</A>（2008-12-13 03:23 P.M.）</LI>
<LI><A href="http://www.alixixi.com" target="_blank">执行javascript后，gif动画就静止了？？</A>（2008-12-13 03:12 P.M.）</LI>
<LI><A href="http://www.alixixi.com" target="_blank">基于栅格地图的查询系统（切片缓存技术）</A>（2008-11-29 07:38 P.M.）</LI>
<LI><A href="http://js.alixixi.com" target="_blank">【转】flash和javascript之间的通讯（javascript调用flash中的函数）</A>（2008-11-27 07:45 P.M.）</LI>
<LI><A href="http://www.alixixi.com" target="_blank">不使用循环和回调函数输出字符1~100</A>（2008-11-23 03:00 P.M.）</LI>
<LI><A href="http://tool.alixixi.com" target="_blank">简洁的js图片等比缩放</A>（2008-11-22 04:54 P.M.）</LI>
<LI><A href="http://www.alixixi.com" target="_blank">分贝网音乐地址获取器</A>（2008-11-20 05:19 P.M.）</LI>
</UL>
</DIV>
</DIV>
<script type="text/javascript">
function $(id)
{
return document.getElementById(id);
}
var anndelay = 3000;
var anncount = 0;
var annheight = 24;
var annst = 0;
function announcementScroll()
{
if( ! annst)
{
$('announcementbody').innerHTML += '<br style="clear: both" />' + $('announcementbody').innerHTML;
$('announcementbody').scrollTop = 0;
if($('announcementbody').scrollHeight > annheight * 3)
{
annst = setTimeout('announcementScroll()', anndelay);
}
else
{
$('announcement').onmouseover = $('announcement').onmouseout = null;
}
return;
}
if(anncount == annheight)
{
if($('announcementbody').scrollHeight - annheight <= $('announcementbody').scrollTop)
{
$('announcementbody').scrollTop = $('announcementbody').scrollHeight / 2 - annheight;
}
anncount = 0;
annst = setTimeout('announcementScroll()', anndelay);
}
else
{
$('announcementbody').scrollTop ++ ;
anncount ++ ;
annst = setTimeout('announcementScroll()', 10);
}
}
announcementScroll();
</script>
</BODY>
</HTML>
<a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>
分享到：
相关推荐
NULL 博文链接：https://sunshuaij2ee.iteye.com/blog/784622
文字无间隙一直滚动,文字向上滚动,文字向右滚动
无间隙循环滚动鼠标浮动停止滚动
HTML 向上和向左滚动的无间隙滚动js.
使用js来控制的单行文字不断向上滚动,无间隙，当鼠标点击时，就自动停止滚动，适合公告以及信息公示使用
Discuz 公告效果效果代码，可以自动换行和无间隙滚动
消息列表向上滚动，不使用js操作，纯css3实现向上无缝滚动。
JS 控制GRIDVIEW 上下无间隙滚动！
主要介绍了js文字横向滚动特效，实现过程很简单，文字在某块区域内横向无间隙滚动，感兴趣的小伙伴们可以参考一下
可以实现图片或文字平滑连续向上或向左滚动 鼠标移动到图片（文字）上停止滚动，移去后继续滚动。 当前图片（文字）数量少于指定数量且图片（文字）总长（宽）度小于指定长（宽）时不进行滚动。 参与滚动的图片...
是用javascript脚本做的一个实例,一个滚动没有间隙的实例
该源码界面展示文章地址:https://www.cnblogs.com/lifexy/p/13867016.html,主要实现了无间隙滚动条字幕,支持自适应主界面大小,根据主界面窗口变换,自动更正文本大小,速度,下载下来就可以编译
向左无间隙的滚动图片,鼠标经过暂停,鼠标移开运动
NULL 博文链接：https://gaojunwei.iteye.com/blog/1910608
自定义的ViewGroup实现的无缝连接可循环滚动布局，使用较为简单，虽然命名有点随便
js 无缝滚动，鼠标放上去暂停代码，供大家学习和程序中使用
很久以前就有这个问题，总是找不到通用的，或比较简单的“图片连续无间隙向左滚动，无间隙向右滚动，符合W3C Web标准”
学习中…本段JS制作参考 MSClass.js 代码如下:boxmove(d1,d2,d3,e,obj) d1 = 外围容器 d2 = 内容 d3 = 复制d2的内容接替循环滚动 e = 方向与方法 1,2,3,4 = 自动滚动，分别对应：上,右,下,左 ...
JS不间断向左滚动javascript无缝隙