地图
广告
招租
←—
订阅
投稿
网站首页
特效代码
素材资源
seo优化
网络营销
网站建设
免费空间
工具软件
您的位置:
网站首页
>
特效代码
>
链接文本特效
> 正文:
超有意思的Js链接文字散花特效
链接文本特效
超有意思的Js链接文字散花特效
日期:2011-12-24 9:39:00 标签:
链接特效
文字特效
js特效
散花特效
感应鼠标
∷
PC蛋蛋 赚积分 换Q币!>>>更多礼品兑换
一个超有意思的链接文字特效,鼠标放到链接文字上,文字出现散花效果,散出来的图案没有使用图片,如果把代码搞懂了,还可以自己定义图案,有意思吧,代码的执行效率相当高,也不占用浏览器资源,期待大家参考。
<html> <head> <TITLE>超有意思的Js链接文字散花特效丨芯晴网页特效丨CsrCode.Cn</TITLE> <style type="text/css"> <!-- .pt9 { font-family: "宋体"; font-size: 9pt} a { text-decoration: none} a:hover { color: #FF3333; text-decoration: underline} --> </style> <link rel="stylesheet" href="/default.css" type="text/css"> <script language="JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); // --> </script> <script> <!--// var x,y var timer var i_fontsize=0 var step=0 var thisx,thisy function handlerMM(e){ x = (document.layers) ? e.pageX : event.clientX y = (document.layers) ? e.pageY : event.clientY } function ringup() { if (document.all) { thisx = x thisy = y ringup2() } } function ringup2() { if (i_fontsize<=1000) { document.all.ring.style.fontSize=i_fontsize document.all.ring.style.color="rgb(255,"+Math.floor(i_fontsize/6)+","+Math.floor(i_fontsize/6)+")" document.all.ring.style.posLeft=thisx-(Math.floor(i_fontsize/3)) document.all.ring.style.posTop=thisy-(Math.floor(i_fontsize/1.4)) step+=4 i_fontsize+=step timer=setTimeout("ringup(2)",50) } else { clearTimeout(timer) i_fontsize=0 step=0 document.all.ring.style.posTop=-10000 } } document.onmousemove = handlerMM; //--> </script> <style> .ringstyle { position:absolute; visibility:visible; top:-50px; font-size:5pt; font-family:Verdana; color:FF0000 } .explain { position:absolute; top:80px; left:40px; width:300px; color:000000; text-align:center; font-size:20pt; font-family:Times; } </style> </head> <body> <div id="ring" class="ringstyle"> <p><font color="#FF8080">:-)</font></p> </div><div id="redirection" class="explain"> <p> <a target="_blank" onMouseOver="ringup()" href="http://www.CsrCode.cn">鼠标放过来看看: <br> 是不是很棒的效果</a></p> </div></body> </html> <p align="center">本特效由 <a href="http://www.CsrCode.cn" target="_blank">芯晴网页特效</a>丨CsrCode.Cn 收集于互联网,只为兴趣与学习交流,不作商业用途。来源:源码爱好者</p>
提示:您可以先修改代码后再运行,复制和保存代码功能在Firefox下无效。
(
本站已开启防盗链,请根据代码中对应的url地址下载保存特效所需的图片、flash和js文件,请见谅,谢谢.
)
(本文由
CsrCode.CN
|
芯晴网页特效
收集丨
www.CsrCode.cn
)
本文网址:
上一篇:
Js文字章节跳转功能的模拟代码
下一篇:
CSS给文字镶金边效果
评论信息
抱歉,本文暂停评论留言。
栏目分类
·
菜单导航特效
·
图层样式特效
·
链接文本特效
·
网页图片特效
·
日期时间特效
·
页面窗口特效
·
鼠标特效代码
·
网页背景特效
·
表格表单特效
·
状态栏特效
·
页面搜索特效
·
其他特效代码
热门排行
最精简的平滑的JS新闻单行上…
JS实现Li列表的无缝垂直文字…
用jQuery插件实现的滚屏效果…
jQuery+CSS实现单行和多行文…
JS彩色的文字逐个闪烁效果
跑马灯,一款比较复杂的文字…
jQuery插件版淡入淡出的文字…
新浪微博首页文字淡入淡出滚…
jQuery版固定在页面底部的LI…
jQuery插件版文字轮流滚动,…
推荐信息
渐变彩色的文字
可控制字体大小的文本显示效…
兼容IE、FF的列表左右无间断…
JavaScript实现的彩条文字变…
鼠标悬停的间歇滚动文本
JS实现的Title链接悬停提示效…
随机显示的链接文字,刷新页…
CSS给文字镶金边效果
动态的链接上鼠标悬停提示效…
jQuery实现用向上向下的按钮…
相关信息
用jQuery实现的公告文字左右…
不断弹射的文本
JS+CSS打造腾讯网漂亮的带缩…
JS实现的隐藏源代码文件
芯晴网页特效
:
菜单导航特效
图形图像特效
图层样式特效
链接文本特效
日期时间特效
页面窗口特效
网页背景特效
鼠标特效代码
表格表单特效
状态栏特效
搜索特效
其他特效
网站首页
丨
网站地图
© Copyright 2009
CsrCode
-
芯晴网页特效
丨备案号:
浙ICP备15010075号-2
Alex排名
页面执行时间0.4375 s