正常访问状态! 设为首页 | 加入收藏夹 | 浏览历史  
  http://www.guosp.com
 碧海澜涛居
  海纳百川,有容乃大。壁立千刃,无欲则刚!
 
 
关键词:
  网站首页 | 关于本站 | 技术资料 | 美文日志 | 读书收藏 | 影视收藏 | 软件收藏 | 摄影相册| 留言板 
  技术资料 >> 网页特效 关闭(快捷键alt+C)
搜索标签: 间歇 滚动
间歇滚动的js效果
[阅读次数:1478次]  [发布时间:2011年1月14日]
<style> 
div { font-size:12px; } 
</style> 
<div id="mq" style="width:100%;height:70px;overflow:hidden" onmouseover="iScrollAmount=0" 
onmouseout="iScrollAmount=1"> 
轻轻的我走了,正如我轻轻的来;<br/> 
我轻轻的招手,作别西天的云彩。<br/> 
<br/> 
那河畔的金柳,是夕阳中的新娘;<br/> 
波光里的艳影,在我心头荡漾。<br/> 
<br/> 
软泥上的青荇,油油的在水底招摇;<br/> 
在康河的柔波里,我甘心作一条水草。<br/> 
<br/> 
那榆荫下的一潭,不是清泉是天上的虹;<br/> 
揉碎在浮藻间,沉淀彩虹似的梦。<br/> 
<br/> 
寻梦,撑支长篙,向青草更青处漫溯;<br/> 
满载一船星辉,在星辉斑烂里放歌。<br/> 
<br/> 
但我不能放歌,悄悄是别离的笙箫;<br/> 
夏虫也为我沉默,沉默是今晚的康桥。<br/> 
<br/> 
悄悄的我走了,正如我悄悄的来;<br/> 
我挥一挥衣袖,不带走一片云彩。<br/> 
<br/> 
</div> 
<script> 
var oMarquee = document.getElementById("mq"); //滚动对象 
var iLineHeight = 42; //单行高度,像素 
var iLineCount = 7; //实际行数 
var iScrollAmount = 1; //每次滚动高度,像素 
function run() { 
oMarquee.scrollTop += iScrollAmount; 
if ( oMarquee.scrollTop == iLineCount * iLineHeight ) 
oMarquee.scrollTop = 0; 
if ( oMarquee.scrollTop % iLineHeight == 0 ) { 
window.setTimeout( "run()", 2000 ); 
} else { 
window.setTimeout( "run()", 50 ); 
} 
} 
oMarquee.innerHTML += oMarquee.innerHTML; 
window.setTimeout( "run()", 2000 ); 
</script>


 

注:可手动修改代码后运行!




本页地址: [复制地址]
该页内容非本站原创 收藏自:http://zhidao.baidu.com/question/15908116.html
返回顶部 关闭(快捷键alt+C)
评论统计(0条)| 我要评论
暂无评论内容!
我要评论 
我要评论: 带*部分需要填写
 姓名称呼: * 请填写您的姓名或呢称
联系方式: QQ,MSN,Email都可以,方便交流 (仅管理员可见)
 评论内容: * 不超过100字符,50汉字
验证码:
    
  推荐链接
  最近更新  
·Host 'XXX' is not allowed...
·Win2008或IIS7的文件上传大...
·IIS7.0上传文件限制的解决方...
·测试信息2015-03-11
·asp.net中处理图片
·ASP.NET之Web打印-终极解决...
·Asp.net下C#调用Word模版实...
·asp.net下将页面内容导入到...
·asp.net导出为pdf文件
·asp.net生成pdf文件
·FCKeditor 文本编辑器的使用...
·ASP.NET 将数据生成PDF
·asp.net2.0导出pdf文件完美...
·AspJpeg的安装与测试
·JS验证浏览器版本对IE11的支...
  热门浏览  
·IE8和IE9出现“此网页上的问...
·无线路由器密码破解,教你断...
·js替换所有回车换行符
·QQ/MSN在线交流代码
·如何取消键盘上的一些快捷键...
·IE弹出“中国工商银行防钓鱼...
·win7声音小的解决方法
·webdav漏洞的利用
·强制两端对齐的函数或者CSS...
·win7下成功安装sql server ...
·显示器分辨率调的过高导致电...
·天诺时空技术技术论坛
·js验证手机号码格式
·JS展开和收缩效果(二)
·本地计算机上的 MSSQLSERVE...
  碧海澜涛居
网站首页关于本站站长简介开发案例技术资料美文日志摄影相册读书收藏影视收藏留言板
版权所有:碧海澜涛 QQ:410436434 Email:shaopo_guo@163.com 苏ICP备15000526号
免责声明:本站为个人网站,站内所有文字、图片等各类资料均为个人兴趣爱好所收集,不用作任何商业用途,亦不保证资料的真实性,若有因浏览本站内容而导致的各类纠纷,本站也不承担任何责任。本站部分内容来自互联网,如有涉及到您的权益或隐私请联系站长解决。