您好,欢迎来到模板无忧!
登录
注册
鏀惰棌
鎼滅储
鍦板浘
甯姪
模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
关闭顶部
展开顶部
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
AI灏忚仛 鑳藉啓浼氱敾
鍩熷悕
鎺ㄨ崘
展开边栏
关闭边栏
网页特效代码
模板无忧
>
网页特效
>
文本链接特效代码
>
收藏
分享
查看评论
文本链接
演示
字符从右波浪式出现然后下落_文本链接特效
查看演示效果
特效Tag:
字符
下落
添加
缁囨ⅵDedeCMS瑙嗛鏁欑▼
涔扮┖闂� 绉熸湇鍔″櫒 閫夌綉纭曚簰鑱旓紒
鏃犲咖绔欓暱宸ュ叿,鐧惧害鏉冮噸涓€閿叏鏌�!
字符从右波浪式出现然后下落,您可以先修改部分代码再运行.
<!--要完成此效果需要三个步骤 第一步:把如下代码加入到<head>区域中--> <SCRIPT> var mes = new Array() mes[0]="欢迎来到网页特效" mes[1]="本站收罗了大量网页特实例,可在线测试" mes[2]="模板无忧" mes[3]="请继续关注本网站" // 以下是文字轨道 var path= new Array(554,9,552,10,550,13,542,13,538,13,532,10,528,9,528,9,522,7,519,8,512,9,510,11,507,13,505,16,500,17,495,18,492,17,488,15,482,9,477,9,473,9,466,12,461,17,459,19,452,20,448,21,443,18,439,15,434,9,431,9,424,8,419,9,416,11,412,12,410,15,408,17,406,19,398,19,391,20,383,19,379,17,372,14,369,10,364,9,356,7,348,8,340,9,334,11,323,13,315,17,301,18,293,17,288,12,285,10,278,7,274,7,269,9,268,9,265,12,260,17,250,17,241,17,229,16,220,10,216,9,213,9,208,9,203,9,194,14,188,16,177,16,166,16,157,14,149,13,146,8,135,7,124,6,114,9,104,14,94,16,69,16,61,15,41,15,34,15,22,16,12,16,13,15) var stoptime=2 var textfont="宋体" var textsize=16 var textcolor=new Array("00ffff","ff00ff","ffff00","00ff00") var fontweight=0 var gloweffect=1 var letterspace=12 //字符间距 var tickerleft=path[path.length-2] var tickertop=path[path.length-1] var timer var finalxpos=tickerleft var i_mes=0 var message="" var i_path=0 var stoptimemilli=stoptime*10 var maxtextlength=0 var i_endposition=0 var pathx= new Array() var ii=0 for (i=0;i<=path.length-1;i=i+2) { pathx[ii]=path[i] ii++ } ii=0 var pathy= new Array() for (i=1;i<=path.length-1;i=i+2) { pathy[ii]=path[i] ii++ } if (gloweffect==1) { gloweffect="style='filter:glow(strength=1,color=yellow)'" } else { gloweffect="" } if (fontweight==1) { fontweight="<b>" } else { fontweight="" } for (i=0;i<=mes.length-1;i++) { if (mes[i].length>=maxtextlength) {maxtextlength=mes[i].length} } for (i=0;i<=mes.length-1;i++) { mes[i]=mes[i]+" " } if (document.layers) { if (textsize>20) {textsize=6} else if (textsize>20) {textsize=5} else if (textsize>14) {textsize=4} else if (textsize>10) {textsize=3} else if (textsize>8) {textsize=2} else if (textsize<=7) {textsize=1} } var xpos=new Array() for (i=0;i<=maxtextlength;i++) { xpos[i]=5000 } var ypos=new Array() for (i=0;i<=maxtextlength;i++) { ypos[i]=5000 } function randomizer(range) { return Math.floor(range*Math.random()) } function makesnake() { if (i_path<=pathx.length-1) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1] ypos[i]=ypos[i-1] } xpos[0]=pathx[i_path] ypos[0]=pathy[i_path] if (document.all) { for (i=0; i<message.length-1; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=xpos[i]+(i*letterspace) thisspan.posTop=ypos[i] } } if (document.layers) { for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i]+(i*letterspace) thisspan.top=ypos[i] } } i_path++ timer=setTimeout("makesnake()",20) } else { clearTimeout(timer) endposition() } } function endposition() { if (i_endposition<=stoptimemilli) { if (document.all) { for (i=0; i<message.length-1; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posTop+=Math.ceil(8*Math.random())-4 } } if (document.layers) { for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.top+=Math.ceil(8*Math.random())-4 } } i_endposition++ timer=setTimeout("endposition()",10) } else { clearTimeout(timer) i_endposition=0 endposition2() } } function endposition2() { if (i_endposition<=30) { if (document.all) { for (i=0; i<message.length-1; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posTop+=Math.ceil(200*Math.random())-70 } } if (document.layers) { for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.top+=Math.ceil(200*Math.random())-70 } } i_endposition++ timer=setTimeout("endposition2()",20) } else { clearTimeout(timer) i_endposition=0 clearmessage() } } function clearmessage() { finalxpos=tickertop i_path=0 for (i=0;i<=maxtextlength;i++) { xpos[i]=5000 } if (document.all) { for (i=0;i<=maxtextlength;i++) { var thisspan = eval("document.all.span"+i) thisspan.innerHTML=" " var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=xpos[i]=5000 } } if (document.layers) { for (i=0;i<=maxtextlength;i++) { var thisspan = eval("document.span"+i+".document") thisspan.write("<p> </p>") thisspan.clear() thisspan = eval("document.span"+i) thisspan.left=5000 } } timer=setTimeout("changemessage()",2000) } function changemessage() { var messa=mes[i_mes] message=messa.split("") if (document.all) { for (i=0;i<=message.length-1;i++) { var thisspan = eval("document.all.span"+i) thisspan.innerHTML="<p style='font-family:"+textfont+";font-size:"+textsize+";color:"+textcolor[Math.floor((textcolor.length)*Math.random())]+"'>"+fontweight+message[i]+"</p>" } } if (document.layers) { for (i=0; i<message.length-1; i++) { var thisspan=eval("document.span"+i+".document") thisspan.write("<p><font size="+textsize+" color="+textcolor[Math.floor((textcolor.length)*Math.random())]+" face="+textfont+">"+fontweight+message[i]+"</font></p>") thisspan.clear() } } i_mes++ if (i_mes>=mes.length) {i_mes=0} finalxpos=tickertop i_path=0 timer=setTimeout("makesnake()",1000) } </SCRIPT> <STYLE>.dance { LEFT: 5000px; VISIBILITY: visible; POSITION: absolute } </STYLE> <!--第二步:把如下代码加入到<body>区域中--> <SCRIPT> for (i=0;i<=maxtextlength;i++) { document.write("<span id='span"+i+"' class='dance' "+gloweffect+">") document.write(message) document.write("</span>") } </SCRIPT> <!--第三步:把“onload=changemessage()”加在<body>标记里 例如:--><body onload=changemessage()>
所属频道:
文本链接特效
/
更新时间:2012-11-17
[收藏]
[报错]
[返回列表]
相关
文本链接特效
:
后退无效的链接
一种隐藏URL的方法 (并是弹出无边窗口)
随机动态的链接Title提示
表单多选框中列出全部链接点击跳转
一个链接打开两个链接地址(新开窗口和当前窗口)
鼠标onmouse链接时复选框的状态变为checked
多个div层显示隐藏及切换
引用文章链接代码
信息框显示链接
点击链接后跳出一个链接说明小窗口
比较实用的CSS控制连接颜色效果
超链接或按钮的跳马灯式说明文字
文本链接特效Rss订阅
特效代码搜索
文本链接特效推荐
绝对好看仿FLASH链接文字渐变
像歌词跟着声音走的JS文字效果
让网页文字抖动的Js
JavaScript点击链接滑出下拉列表
文字的拖动效果
JS让链接的下划线不停闪烁
网页右上角旋转滚动的文字
字符由碎块拼凑而成
用鼠标和按钮控制网页指定区块内容上下滚动
随机动态的链接Title提示
猜你也喜欢看这些
CSS布局实例:仿真扑克牌
鼠标拖动改变表格大小
JavaScript文章列表的拖拽排序
jQuery 弹出菜单层
可使用Cookie保存的漂亮拖动层窗口
图片_文字列表的滑动门特效
Js+Div 层展开与层收起的一个例子
JS实现表格单元格拖动排序
一个JS+CSS布局的人气列表
表格操作
相关链接:
复制本页链接
|
搜索字符从右波浪式出现然后下落
特效说明:
文本链接模板
-
字符从右波浪式出现然后下落
。
鏀惰棌&鍒嗕韩
QQ绌洪棿
鏂版氮寰崥
鑵捐寰崥
浜轰汉缃�
寮€蹇冪綉
鐧惧害鎼滆棌
澶嶅埗缃戝潃
鏇村...