地图		广告招租 ←—
订阅
投稿

您的位置：网站首页 > 特效代码 > 链接文本特效 > 正文：超有意思的Js链接文字散花特效

超有意思的Js链接文字散花特效

日期：2011-12-24 9:39:00 标签：链接特效文字特效 js特效散花特效感应鼠标

∷ PC蛋蛋赚积分换Q币！>>>更多礼品兑换

　　一个超有意思的链接文字特效，鼠标放到链接文字上，文字出现散花效果，散出来的图案没有使用图片，如果把代码搞懂了，还可以自己定义图案，有意思吧，代码的执行效率相当高，也不占用浏览器资源，期待大家参考。

<html>
<head>
<TITLE>超有意思的Js链接文字散花特效丨芯晴网页特效丨CsrCode.Cn</TITLE> 
<style type="text/css">

</style>
<link rel="stylesheet" href="/default.css" type="text/css">
<script language="JavaScript">

</script>

<script>

</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实现用向上向下的按钮…