您好,欢迎来到模板无忧!
登录
注册
闁衡偓閹増顥�
闁瑰吋绮庨崒锟�
闁革附婢樺ù锟�
閻㈩垼鍠栨慨锟�
模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
关闭顶部
展开顶部
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
AI鐏忓繗浠� 閼宠棄鍟撴导姘辨暰
閸╃喎鎮�
閹恒劏宕�
展开边栏
关闭边栏
网页特效代码
模板无忧
>
网页特效
>
文本链接特效代码
>
收藏
分享
查看评论
文本链接
演示
链接文字特效_文本链接特效
查看演示效果
特效Tag:
文字特效
链接
添加
缂佸洦鈪礑edeCMS鐟欏棝顣堕弫娆戔柤
娑旀壆鈹栭梻锟� 缁夌喐婀囬崝鈥虫珤 闁缍夌涵鏇氱鞍閼辨棑绱�
閺冪姴鍜栫粩娆撴毐瀹搞儱鍙�,閻ф儳瀹抽弶鍐櫢娑撯偓闁款喖鍙忛弻锟�!
链接文字特效,您可以先修改部分代码再运行.
要完成此效果需要两个步骤 第一步:把如下代码加入到<head>区域中 <style type="text/css"> .menulinks {position:relative;} #menucont a{color:#006699; font-weight:bold; text-decoration:none;} #menucont a:hover{color:#ff0000; font-weight:bold; text-decoration:underline overline; text-transform: uppercase;} </style> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin nSpace=5 // how many space maximum between each letter nSpeed=100 // the speed of the animation timerLSM=null; function LetterSpacingMenu() { if(document.getElementById){ lnks = Math.floor(Math.random()*lnk.length); letterSpacing = Math.floor(Math.random()*nSpace); lnk[lnks].style.letterSpacing = letterSpacing + "px"; timerLSM = setTimeout("LetterSpacingMenu()", nSpeed); } } function StopMenu() { if(document.getElementById) { clearTimeout(timerLSM); for(i=0;i<lnk.length;i++) lnk[i].style.letterSpacing = 0 + "px"; } } function LSMenuInit() { if(document.getElementById) { lnk = document.getElementById("menucont").getElementsByTagName("a"); cnt = document.getElementById("menucont"); cnt.style.textAlign= "center"; cnt.onmouseover=StopMenu; cnt.onmouseout=LetterSpacingMenu; LetterSpacingMenu(); } } onload=LSMenuInit; // End --> </script> 第二步:把如下代码加入到<body>区域中 <div id="menucont"> <a href="#" id="a1" class="menulinks" title="what's new">what's new</a><br> <a href="#" id="a2" class="menulinks" title="about this site">about this site</a><br> <a href="#" id="a3" class="menulinks" title="dhtml scripts">dhtml scripts</a><br> <a href="#" id="a4" class="menulinks" title="dhtml tutorials">dhtml tutorials</a><br> <a href="#" id="a5" class="menulinks" title="dhtml links">dhtml links</a><br> <a href="#" id="a6" class="menulinks" title="promote this site">promote this site</a><br> <a href="#" id="a7" class="menulinks" title="contact us">contact us</a> </div>
所属频道:
文本链接特效
/
更新时间:2012-11-17
[收藏]
[报错]
[返回列表]
评论加载中....
相关
文本链接特效
:
后退无效的链接
一种隐藏URL的方法 (并是弹出无边窗口)
随机动态的链接Title提示
表单多选框中列出全部链接点击跳转
一个链接打开两个链接地址(新开窗口和当前窗口)
鼠标onmouse链接时复选框的状态变为checked
多个div层显示隐藏及切换
引用文章链接代码
信息框显示链接
点击链接后跳出一个链接说明小窗口
比较实用的CSS控制连接颜色效果
超链接或按钮的跳马灯式说明文字
文本链接特效Rss订阅
特效代码搜索
文本链接特效推荐
所有链接不停变色
很常用的一个JS文字显示效果
Js渐变文字切换代码
让链接下划线变成虚线的CSS代码
CSS使用Filter实现链接文字雾化效果
控制窗口打开的目标
让多个链接同时不停变换颜色
文本框走动跑马灯
用鼠标和按钮控制网页指定区块内容上下滚动
jQuery 3D文字特效演示
猜你也喜欢看这些
JavaScript + CSS 美化出的条纹表格样式
CSS层透明
CSS圆角有立体感的DIV边框
图片_文字列表的滑动门特效
Js实现表格隔行换色一例
标准的CSS左中右3列布局
两个常用的DIV弹出层效果代码
表格行换色代码
CSS制作斜角上有背景图片的Div层
单元格双击实现输入并高亮显示的表格
相关链接:
复制本页链接
|
搜索链接文字特效
特效说明:
文本链接模板
-
链接文字特效
。
閺€鎯版&閸掑棔闊�
QQ缁屾椽妫�
閺傜増姘顔煎触
閼垫崘顔嗗顔煎触
娴滆桨姹夌純锟�
瀵偓韫囧啰缍�
閻ф儳瀹抽幖婊嗘
婢跺秴鍩楃純鎴濇絻
閺囨潙顦�...