模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
文本链接特效代码
>
收藏
分享
查看评论
文本链接
演示
打字文字、交替闪烁出现_文本链接特效
查看演示效果
特效Tag:
文字闪烁
添加
一个文本小特效,文字交替出现,闪烁出现,还有打字效果,不知道怎么形容,先运行一下代码看看吧,一看便知。
<html> <head> <title>打字文字、交替闪烁出现</title> </head> <SCRIPT LANGUAGE="JavaScript"> neonBaseColor = "White"; neonColor = "00ff00"; num = 0; num2 = 0; num3 = 0; num4 = neonColor; function startNeon() { message = neon.innerText; neon.innerText = ""; for(i = 0; i != message.length; i++) { neon.innerHTML += "<span id=\"neond\" style=\"color:"+neonBaseColor+"\">"+message.charAt(i)+"<\/span>"}; neon2(); } function neon2() { if(num != message.length) { document.all.neond[num].style.color = neonColor; num++; setTimeout("neon2()", 100); } else { num = 0; num2 = message.length; setTimeout("neon4onev()", 2000); } } function neon4onev() { document.all.neond[num].style.color = neonBaseColor; document.all.neond[num2-1].style.color = neonBaseColor; if(Math.floor(message.length / 2) + 1 != num2) { num++; num2--; setTimeout("neon4onev()", 50); } else { setTimeout("neon5()", 50); } } function neon5() { if(num3 != message.length && num3 != message.length+1) { document.all.neond[num3].style.color = neonColor; num3 = num3 + 2; setTimeout("neon5()",100); } else { setTimeout("neon52()", 50); } } function neon52() { if(num3 == message.length) { num3++; neon52a(); } else { num3--; neon52a(); } } function neon52a() { if(num3 != 1) { num3 = num3 - 2; document.all.neond[num3].style.color = neonColor; setTimeout("neon52a()", 100); } else { if(num4 == neonColor) { num3 = 0; neonColor = neonBaseColor; setTimeout("neon5()", 2000); } else { neonColor = num4; num3 = 0; setTimeout("neon4onev2()", 50); } } } function neon4onev2() { document.all.neond[num].style.color = neonColor; document.all.neond[num2 - 1].style.color = neonColor; if(message.length != num2) { num--; num2++; setTimeout("neon4onev2()", 50); } else { num = 0; num2 = 0; setTimeout("neon3()", 2000); } } function neon3() { if(num != message.length) { document.all.neond[num].style.color = neonBaseColor; num++; setTimeout("neon3()", 100); } else { num = 0; neon2(); } } </script> <span id="neon">www.mb5u.com</span> <body onLoad="startNeon()"> </body> </html>
所属频道:
文本链接特效
/
更新时间:2012-12-11
[收藏]
[报错]
[返回列表]
相关
文本链接特效
:
后退无效的链接
一种隐藏URL的方法 (并是弹出无边窗口)
随机动态的链接Title提示
表单多选框中列出全部链接点击跳转
一个链接打开两个链接地址(新开窗口和当前窗口)
鼠标onmouse链接时复选框的状态变为checked
多个div层显示隐藏及切换
引用文章链接代码
信息框显示链接
点击链接后跳出一个链接说明小窗口
比较实用的CSS控制连接颜色效果
超链接或按钮的跳马灯式说明文字
文本链接特效Rss订阅
特效代码搜索
文本链接特效推荐
JavaScript数组应用,可依次读取的公告栏文字
CSS给文字描边实现发光文字
闪烁文字特效和随机图片代码
一种隐藏URL的方法 (并是弹出无边窗口)
用CSS实现链接文字阴影效果
让文本飞出来的特效代码
文本框走动跑马灯
计算你的出生日
JavaScript点击链接滑出下拉列表
JS让文字反向显示
猜你也喜欢看这些
CSS固定浮动元素,滚动时无闪烁
DIV始终居中的半透明弹出层
点击文字激活CheckBox的JavaScript
可拖动拉伸的左右分栏效果
Alert 效果(Js+CSs模拟)
JavaScript配合CSS实现表格颜色渐变
CSS和Js演示网页绝对定位与相对定位
仿腾讯盖楼爬墙新闻评论的CSS实现
CSS使用LI实现2组4列的文章列表并垂直对齐
自己写的JS无刷新弹出确认框
相关链接:
复制本页链接
|
搜索打字文字、交替闪烁出现
特效说明:
文本链接模板
-
打字文字、交替闪烁出现
。