首页 / DISCUZ / Discuz公告效果（自动换行，无间隙滚动）_javascript技巧

Discuz公告效果（自动换行，无间隙滚动）_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Discuz公告效果（自动换行，无间隙滚动）_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1773字，纯文字阅读大概需要3分钟。

内容图文

<!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>分享个表单验证函数（2008-12-16 05:30 P.M.）</LI> 
<LI>块级元素和级联元素的含义（2008-12-13 03:39 P.M.）</LI> 
<LI>如何设置<span>的width属性且不换行？？（2008-12-13 03:23 P.M.）</LI> 
<LI>执行javascript后，gif动画就静止了？？（2008-12-13 03:12 P.M.）</LI> 
<LI>基于栅格地图的查询系统（切片缓存技术）（2008-11-29 07:38 P.M.）</LI> 
<LI>【转】flash和javascript之间的通讯（javascript调用flash中的函数）（2008-11-27 07:45 P.M.）</LI> 
<LI>不使用循环和回调函数</script></pre>输出字符1~100（2008-11-23 03:00 P.M.）</LI> 
<LI>简洁的js图片等比缩放（2008-11-22 04:54 P.M.）</LI> 
<LI>分贝网音乐地址获取器（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>

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

内容总结

以上是互联网集市为您收集整理的Discuz公告效果（自动换行，无间隙滚动）_javascript技巧全部内容，希望文章能够帮你解决Discuz公告效果（自动换行，无间隙滚动）_javascript技巧所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/308283.html

来源：【匿名】

【上一篇】JavaScript浏览器验证代码(来自discuz)_基础知识【下一篇】Discuz!5的PHP代码高亮显示插件（黑暗中的舞者更新）

更多 ►

【Discuz公告效果（自动换行，无间隙滚动）_javascript技巧】教程文章相关的互联网学习教程文章

javascriptDiscuz代码中的msn聊天小功能_javascript技巧【图】

javascript中添加以下2个函数 function msnoperate(action, msn) { var actionArray = new Array(); actionArray = { 'add' : 'http://go.discuz.com/?app=msn&linkid=5&msn=' + msn, 'chat' : 'http://go.discuz.com/?app=msn&linkid=6&msn=' + msn } if(messengerInstalled()) { window.open(actionArray[action]); } else { window.open('http://go.discuz.com/msn/msn.html','_blank','width=571, he...

discuz中用到的javascript函数解析[原创]第1/2页_javascript技巧

var lang = new Array(); var userAgent = navigator.userAgent.toLowerCase(); var is_opera = userAgent.indexOf(opera) != -1 && opera.version(); var is_moz = (navigator.product == Gecko) && userAgent.substr(userAgent.indexOf(firefox) + 8, 3); var is_ie = (userAgent.indexOf(msie) != -1 && !is_opera) && userAgent.substr(userAgent.indexOf(msie) + 5, 3); function $(id) { return document.getElementById...