模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
文本链接特效代码
>
收藏
分享
查看评论
文本链接
演示
让文本飞出来的特效代码_文本链接特效
查看演示效果
特效Tag:
文本飞出
添加
CSS+JS实现让文本飞出来的特效,像FLASH动画一样。
<html> <head> <title>让文本飞出来的特效代码</title> <style type="text/css"> .glidetext{ position: relative; left: -500px; } </style> <script type="text/javascript"> var pausebetweenmsg=10 var glidespeed=50 var curobjindex=0 function actualstyle(el, cssproperty){ if (el.currentStyle) return el.currentStyle[cssproperty] else if (window.getComputedStyle){ var elstyle=window.getComputedStyle(el, "") return elstyle.getPropertyValue(cssproperty) } } function collectElementbyClass(){ var classname="glidetext" glidearray=new Array() var inc=0 var alltags=document.all? document.all : document.getElementsByTagName("*") for (i=0; i<alltags.length; i++){ if (alltags[i].className==classname) glidearray[inc++]=alltags[i] } if (glidearray.length>0) onebyoneglide() } function onebyoneglide(){ if (curobjindex<glidearray.length) glidetimer=setInterval("glideroutine()",50) } function glideroutine(){ if (parseInt(actualstyle(glidearray[curobjindex], "left"))<0) glidearray[curobjindex].style.left=parseInt(actualstyle(glidearray[curobjindex], "left"))+50 else{ glidearray[curobjindex].style.left=0 curobjindex++ clearInterval(glidetimer) setTimeout("onebyoneglide()", pausebetweenmsg) } } if (window.addEventListener) window.addEventListener("load", collectElementbyClass, false) else if (window.attachEvent) window.attachEvent("onload", collectElementbyClass) else if (document.getElementById) window.onload=collectElementbyClass </script> </head> <body> <div class="glidetext">文字一</div> <div class="glidetext">文字二</div> <div class="glidetext">文字三</div> <p class="glidetext">模板无忧<img src="/images/logo.gif"></p> </body>
所属频道:
文本链接特效
/
更新时间:2012-12-20
[收藏]
[报错]
[返回列表]
相关
文本链接特效
:
后退无效的链接
一种隐藏URL的方法 (并是弹出无边窗口)
随机动态的链接Title提示
表单多选框中列出全部链接点击跳转
一个链接打开两个链接地址(新开窗口和当前窗口)
鼠标onmouse链接时复选框的状态变为checked
多个div层显示隐藏及切换
引用文章链接代码
信息框显示链接
点击链接后跳出一个链接说明小窗口
比较实用的CSS控制连接颜色效果
超链接或按钮的跳马灯式说明文字
文本链接特效Rss订阅
特效代码搜索
文本链接特效推荐
鼠标放上,链接颜色渐渐变化的效果
链接带你到本周的页面
JS溶解形式的文字切换特效
很牛的字幕滚动效果
多个div层显示隐藏及切换
精选几种CSS滤镜文字阴影效果
Js制作网页上反复显隐的文本
兼容多浏览器的CSS文字阴影
警告链接-鼠标移至该链接将弹出提示信息
让网页文字抖动的Js
猜你也喜欢看这些
兼容火狐、IE的可移动弹出层
Div总在右下角的CSS实现方法
DIV模仿完全自适应的网页框架实例
很流行的CSS+JS用户列表特效
仿QQ窗口抖动的JavaScript代码
CSS直方图布局示例
CSS布局实例,文字显示在水平线中间
JS滑动展开层
可使用Cookie保存的漂亮拖动层窗口
JS右下角消息框代码
相关链接:
复制本页链接
|
搜索让文本飞出来的特效代码
特效说明:
文本链接模板
-
让文本飞出来的特效代码
。