网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
网页制作
>
js教程
> >
js特效大全|js特效文字一行行向上滚动代码
js特效大全|js特效文字一行行向上滚动代码
发布时间:2018-01-21
【www.gdgbn.com--js教程】
提示:您可以先修改部分代码再运行
js特效文字一行行向上滚动代码 <script language=JavaScript> var message= new Array() message[0]="QQ|腾讯 QQ|http://www.111cn.net" message[1]="NBA|NBA官方网站|http://111cn.net" message[2]="TOM|TOM资源站|http://111cn.net" var scrollerheight=20 var titlezonewidth=80 var copyzonewidth=240 var scrollertop=20 var scrollerleft=20 var scrollerborder=2 var titlezonebg="330066" var copyzonebg="CC0000" var scrollbg="AAAAAA" var targetlink="_blank" var font_titleface="宋体" var font_titlecolor="FFFFFF" var font_titlesize=2 var font_copyface="宋体" var font_copycolor="FFFFFF" var font_copysize=2 var titlebold=1 var copybold=1 var titlealign="left" var copyalign="left" var standstill=4000 var pre_titlebold var after_titlebold var pre_copybold var after_copybold var cliptop=0 var clipbottom=0 var clipleft=0 var clipright=titlezonewidth+copyzonewidth var i_message=0 var mes_joined var mes_split var contenttext var contentbg="" var step=1 var pause=20 if (titlebold==1) { pre_titlebold="
" after_titlebold="
" } else if (titlebold==0) { pre_titlebold="" after_titlebold="" } if (copybold==1) { pre_copybold="
" after_copybold="
" } else if (copybold==0) { pre_copybold="" after_copybold="" } function initiate() { mes_joined=message[i_message] mes_split=mes_joined.split("|") contenttext="" contenttext+="" contenttext+="" contenttext+="" contenttext+="
" contenttext+=pre_titlebold contenttext+=mes_split[0] contenttext+=after_titlebold contenttext+="
" contenttext+="" contenttext+="
" contenttext+=pre_copybold contenttext+=mes_split[1] contenttext+=after_copybold contenttext+="
" contenttext+="" var bg_width=titlezonewidth+copyzonewidth+2*scrollerborder var bg_height=scrollerheight+2*scrollerborder contentbg=" " if (document.all) { scrollertext.innerHTML=contenttext scrollerbg.innerHTML=contentbg document.all.scrollertext.style.posTop=scrollertop+scrollerheight document.all.scrollertext.style.posLeft=scrollerleft document.all.scrollerbg.style.posTop=scrollertop-scrollerborder document.all.scrollerbg.style.posLeft=scrollerleft-scrollerborder document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" scrollin() } if (document.layers) { document.scrollertext.document.write(contenttext) document.scrollertext.document.close() document.scrollerbg.document.write(contentbg) document.scrollerbg.document.close() document.scrollertext.top=scrollertop+scrollerheight document.scrollertext.left=scrollerleft document.scrollerbg.top=scrollertop-scrollerborder document.scrollerbg.left=scrollerleft-scrollerborder document.scrollertext.clip.left=clipleft document.scrollertext.clip.right=clipright document.scrollertext.clip.top=cliptop document.scrollertext.clip.bottom=clipbottom scrollin() } } function scrollin(){ if (document.all){ if (document.all.scrollertext.style.posTop>scrollertop) { clipbottom+=step document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" document.all.scrollertext.style.posTop-=step var timer=setTimeout("scrollin()",pause) } else { clearTimeout(timer) var timer=setTimeout("scrollout()",standstill) } } if (document.layers){ if (document.scrollertext.top>scrollertop) { clipbottom+=step document.scrollertext.clip.left=clipleft document.scrollertext.clip.right=clipright document.scrollertext.clip.top=cliptop document.scrollertext.clip.bottom=clipbottom document.scrollertext.top-=step var timer=setTimeout("scrollin()",pause) } else { clearTimeout(timer) var timer=setTimeout("scrollout()",standstill) } } } function scrollout(){ if (document.all){ if (document.all.scrollertext.style.posTop>(scrollertop-scrollerheight)){ cliptop+=step document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" document.all.scrollertext.style.posTop-=step var timer=setTimeout("scrollout()",pause) } else { clearTimeout(timer) changemessage() } } if (document.layers){ if (document.scrollertext.top>(scrollertop-scrollerheight)) { cliptop+=step document.scrollertext.clip.left=clipleft document.scrollertext.clip.right=clipright document.scrollertext.clip.top=cliptop document.scrollertext.clip.bottom=clipbottom document.scrollertext.top-=step var timer=setTimeout("scrollout()",pause) } else { clearTimeout(timer) changemessage() } } } function changemessage(){ i_message++ if (i_message>message.length-1) {i_message=0} mes_joined=message[i_message] mes_split=mes_joined.split("|") cliptop=0 clipbottom=0 contenttext="" contenttext+="" contenttext+="" contenttext+="" contenttext+="
" contenttext+=pre_titlebold contenttext+=mes_split[0] contenttext+=after_titlebold contenttext+="
" contenttext+="" contenttext+="
" contenttext+=pre_copybold contenttext+=mes_split[1] contenttext+=after_copybold contenttext+="
" contenttext+="" if (document.all) { scrollertext.innerHTML=contenttext document.all.scrollertext.style.posTop=scrollertop+scrollerheight document.all.scrollertext.style.posLeft=scrollerleft document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" scrollin() } if (document.layers) { document.scrollertext.document.write(contenttext) document.scrollertext.document.close() document.scrollertext.top=scrollertop+scrollerheight document.scrollertext.left=scrollerleft document.scrollertext.clip.left=clipleft document.scrollertext.clip.right=clipright document.scrollertext.clip.top=cliptop document.scrollertext.clip.bottom=clipbottom scrollin() } } </script>
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/wangyezhizuo/21196/
上一篇:
[js获取元素]js元素周期表代码
下一篇:
[discuz论坛数据库表]仿Discuz论坛下拉菜单
相关推荐
js左边的距离|js左边伸拉导航菜单
[js获取元素]js元素周期表代码
闲鱼排名突然下降_导致百度排名下降的原因
js游戏代码下载_js游戏代码-复选框多选代码
【抓住机遇紧致】抓住机遇成就一生
【如何优化宿舍关系】网站优化如何做好百度排名
【javascript学习指南】javascript折叠菜单代码
[网站挣钱多种优化方法有哪些]网站挣钱多种优化方法
【当今社会发展的趋势】当今社会的趋势
网页特效代码_网页特效js右击弹出快捷菜单代码
网友关注
网赚需方法与怎么样|网赚需方法与怎么用利好你的博客
phpstudy|php 模拟 post与浏览器请求数据
网站整体优化的重要性|网站整体优化的重要性
【网页特效代码】网页特效/js超漂亮下拉菜单效果
百度降权后恢复吗|百度降权后恢复的经验
怎么对一个网站进行优化_百度优化:网站降权,site不到首页,百度回档处理办法
phpstudy|php 过滤特殊字符及sql防注入代码
【js点击下拉菜单代码】js点击下拉菜单
seo优化_SEO快速赚钱法与网络赚钱禁忌
【怎么让百度快速更新吗】怎么让百度快速更新快照与被百度惩罚恢复
热门标签
js图片特效大全
js特效素材网
最新js教程
js教程
js遍历对象_js中查找对象代码
js教程
javascript学习指南_java 自动装箱拆箱实现方法
js教程
eclipse连接mysql数据库_java连接db2数据代码
js教程
flash player|flash js Fusioncharts 参数详解与参考
js教程
json_js ajax XMLHttpRequest与jq $.ajax
js教程
【js利用cookie】js利用cookies与正则设置字体高亮显示
js教程
asp.net core_asp.net DataGridTree 下拉树 实现方法
js教程
[jsp注册页面代码]JSP页面编码问题分析
js教程
[hibernate和mybatis的区别]Hibernate 中get()和load()与Hibernate简介
js教程
判断textarea中是否有回车符|判断textarea中是否有回车符方法
js教程热门文章
js教程
[discuz论坛数据库表]仿Discuz论坛下拉菜单
js教程
【度分秒计算方法】js计算时分秒代码
js教程
【电脑ctrl键的功能】js功能-按Ctrl键多选表格行
js教程
【js replace 全部替换】str_replace只替换一次代码
js教程
js游戏代码下载|js游戏代码-兔子螃蟹比赛
js教程
js游戏射击小游戏|js游戏-射击小游戏
js教程
【js世界大战游戏下载】js游戏-打飞机游戏代码
js教程
【js设置cookie获取cookies】js设置cookie,获取cookes,清除cookie代码
js教程
[js游戏代码下载]js游戏代码
js教程
js游戏代码下载_js游戏代码-连连看源码
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有