域名注册
|
虚拟主机
|
数据库
|
设为主页
|
加入收藏
|
天诚搜索
|
RSS
网站套餐
Package
基础特惠型网站
企业标准型网站
企业大户型网站
商务政务型网站
功能单项报价表
最新推荐
Recommended
4年网络创业经历
Dreamweaver表格经验谈
61.183.41.123数据重新上传通…
局域网arp病毒
用途相似的标签
CSS网页标准制作关于网页表单…
中国互联网13年大事记
ECSHOP 显示指定分类下的文章…
您现在的位置:
天诚世纪
>>
技术中心
>>
网页特效
>>
状态栏类
>> 正文
状态栏文字从右弹出
作者:
天诚世纪
更新时间:2009-6-4 10:22:48
来源:
天诚世纪
以下是HTML网页特效代码,点击运行按钮可查看效果:
<html> <head> <title>网页特效|tc-21.com|---状态栏文字从右弹出</title> <style type="text/css"> <!-- body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px} A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none } A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline } a:active { font: 9pt "宋体"; cursor: hand; color: #FF0033 } --> </style> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script language="JavaScript"> var MESSAGE = " 欢迎来到网页特效观止网站,请多提意见。谢谢! " var POSITION = 150 var DELAY = 10 var scroll = new statusMessageObject() function statusMessageObject(p,d) { this.msg = MESSAGE this.out = " " this.pos = POSITION this.delay = DELAY this.i = 0 this.reset = clearMessage} function clearMessage() { this.pos = POSITION} function scroller() { for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) { scroll.out += " "} if (scroll.pos >= 0) scroll.out += scroll.msg else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length) window.status = scroll.out scroll.out = " " scroll.pos-- if (scroll.pos < -(scroll.msg.length)) { scroll.reset()} setTimeout ('scroller()',scroll.delay)} function snapIn(jumpSpaces,position) { var msg = scroll.msg var out = "" for (var i=0; i<position; i++) {out += msg.charAt(i)} for (i=1;i<jumpSpaces;i++) {out += " "} out += msg.charAt(position) window.status = out if (jumpSpaces <= 1) { position++ if (msg.charAt(position) == ' ') {position++ } jumpSpaces = 100-position } else if (jumpSpaces > 3) {jumpSpaces *= .75} else {jumpSpaces--} if (position != msg.length) { var cmd = "snapIn(" + jumpSpaces + "," + position + ")"; scrollID = window.setTimeout(cmd,scroll.delay); } else { window.status="" jumpSpaces=0 position=0 cmd = "snapIn(" + jumpSpaces + "," + position + ")"; scrollID = window.setTimeout(cmd,scroll.delay); return false } return true} snapIn(100,0); </script> </head> <body> <br> <br> <center><font color=red face="隶书" size=6>文字从右弹出</font></center> <br> <center> <table border=5 bordercolor=blue borderlight=green> <tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>状态栏为效果显示区!</strong></font></td></tr> </table></center> <br> <br> <center> <SCRIPT LANGUAGE="JavaScript"> <!-- hide function goHist(a) { history.go(a); } //--> </script></center> <br> <br> </body> </html>
.
[提示:可先修改代码再按运行]
本文链接:http://www.tc-21.com/ITCenter/200906/20090604102248.html
上一篇文章:
状态栏文字从左依次弹出
下一篇文章:
标题栏变成滚动的公告栏
更多关于
状态栏类
的新闻
相关文章
可控制滚动方向的状态栏滚动文字
可控制的状态栏闪烁文字
状态栏上的摆动文字
标题栏变成滚动的公告栏
状态栏文字从左依次弹出
状态栏文字来回出现
标题栏里的打字效果
状态栏文字从中间扩散出现
::::::
网页模板
|
建站指导
|
视频教程
|
图片中心
|
在线咨询
|
网站运营
|
网站推广
|
图片素材
::::::
CopyRight 2007 All Rights Reserved 天诚世纪 版权所有
鄂ICP备12000046号
联系电话:18995527083 18995527081 QQ:448163207 32301667 Email:my_tc@126.com
::::::搜索关键字:
武汉网站制作
|
武汉做网站
|
武汉网站建设
|
武汉网页制作
|
天诚世纪
|
武汉网页制作公司
|
网页模板
|::::::