您好,欢迎来到模板无忧!
登录
注册
闂佽 鍋撻柟顖滃椤ワ拷
闂佺懓鍚嬬划搴ㄥ磼閿燂拷
闂侀潻闄勫妯好归敓锟�
闁汇埄鍨奸崰鏍ㄦ叏閿燂拷
模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
关闭顶部
展开顶部
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
AI闁诲繐绻愮换妤佺閿燂拷 闂佺厧鐤囧Λ鍕疮閹炬潙顕辨慨妯块哺閺嗭拷
闂佺硶鏅濋崰搴ㄥ箖閿燂拷
闂佽浜介崝蹇撶暦閿燂拷
展开边栏
关闭边栏
网页特效代码
模板无忧
>
网页特效
>
文本链接特效代码
>
收藏
分享
查看评论
文本链接
演示
会旋转的链接_文本链接特效
查看演示效果
特效Tag:
链接
添加
缂傚倷绀佸ú锕傚焻缁€鎱筪eCMS闁荤喐鐟ュΛ婵嬨€傞崼鏇炴瀬婵炲棙鍨熼弻锟�
婵炴垶姊规竟鍡涘煘閺嶎厽鈷掗柨鐕傛嫹 缂備礁顦遍崰鎰耿閸ヮ剙绀夐柍銉ㄦ珪閻濓拷 闂備緡鍋勯ˇ杈╃礊婢跺本鍏滈柡鍥ㄦ皑闂夊秹鏌ゆ潏銊︻棖缂佹唻鎷�
闂佸搫鍟版慨鎾椽閺嶎偆鍗氭繛鍡樻尰濮f劗鈧鎮堕崕閬嶅矗閿燂拷,闂佽皫鍕姢閻庤濞婂鍫曞礃椤斿吋顏熸繛鎴炴尨閸嬫捇姊哄▎鎯ф灈闁告瑥绻樺濠氭晸閿燂拷!
会旋转的链接,您可以先修改部分代码再运行.
<!--要完成此效果需要两个步骤 第一步:把如下代码加入到<head>区域中--> <style> .fly { color: 336c6c; font-family: arial; font-size: 24px; position: absolute; visibility: hidden; z-index: 2; } .logo { font-family: times; font-size: 48px; color: blue; position: absolute; top: 0px; left: 70px; visibility: visible; z-index: 1; } .desc { text-align: center; font-family: 楷体_GB2312; font-size: 18px; color: #336c6c; position: absolute; top: 220px; left: 140px; width: 400px; visibility: hidden; z-index: 0; } BODY { background: #c0c0c0; } A { color: lime; } A:HOVER { color : yellow; } </style> <script LANGUAGE="JavaScript"> ns4 = (document.layers)? true:false ie4 = (document.all)? true:false function showObject(obj) { if (ns4) obj.visibility = "show" else if (ie4) obj.visibility = "visible" } function hideObject(obj) { if (ns4) obj.visibility = "hide" else if (ie4) obj.visibility = "hidden" } function slideLogo(from, to) { if (from < to) { company.top = (from += 10); setTimeout('slideLogo(' + from + ',' + to + ')', 20); } else initObjects(); } function rotateObjects() { for (var i = 0; i < pos.length; i++) { pos[i] += inc; objects[i].visibility = 'visible'; objects[i].left = (r * Math.cos(pos[i])) + xoff objects[i].top = (r * Math.sin(pos[i])) + yoff; } rotateTimer = setTimeout("rotateObjects()", 50); } function initObjects() { objects = new Array(fly1, fly2, fly3, fly4); pos = new Array(); pos[0] = 0; for (var i = 1; i < objects.length; i++) { pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length)); } rotateObjects(); } /* Variables for rotating objects */ var objects; var pos; var r = 160; // radius var xoff = 280; // x offset var yoff = 170; // y offset var pi = Math.PI; // get pi var inc = pi / 180; // degrees per rotation cycle var objects; // objects to be rotated var pos; // position for objects </script> <!--第二步:把如下代码加入到<body>区域中--> <div ID="fly1" CLASS="fly"><p> <a HREF="#" onMouseOver="showObject(desc1)" onMouseOut="hideObject(desc1)">link 1</a><br> </p> </div><div ID="fly2" CLASS="fly"><p> <a HREF="#" onMouseOver="showObject(desc2)" onMouseOut="hideObject(desc2)">link 2</a><br> </p> </div><div ID="fly3" CLASS="fly"><p> <a HREF="#" onMouseOver="showObject(desc3)" onMouseOut="hideObject(desc3)">link 3</a><br> </p> </div><div ID="fly4" CLASS="fly"><p> <a HREF="#" onMouseOver="showObject(desc4)" onMouseOut="hideObject(desc4)">link 4</a><br> </p> </div><div ID="company" CLASS="logo"> <p><small>模板无忧www.mb5u.com</small></p> </div><div ID="desc1" CLASS="desc"> <p>link 1的内容 </p> </div><div ID="desc2" CLASS="desc"> <p>link 2的内容 </p> </div><div ID="desc3" CLASS="desc"> <p>link 3的内容 </p> </div><div ID="desc4" CLASS="desc"> <p>link 4的内容 </p> </div><script LANGUAGE="JavaScript"> /* Simple version detection */ var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4); /* They can be used in place of hidden and visible because on occasion Navigator has problems with the two */ var HIDDEN = (isNS) ? 'hide' : 'hidden'; var VISIBLE = (isNS) ? 'show' : 'visible'; /* Create shortcut variables for different absolutely positioned elements */ var fly1 = (isNS) ? document.fly1 : document.all.fly1.style; var fly2 = (isNS) ? document.fly2 : document.all.fly2.style; var fly3 = (isNS) ? document.fly3 : document.all.fly3.style; var fly4 = (isNS) ? document.fly4 : document.all.fly4.style; var company = (isNS) ? document.company : document.all.company.style; var desc1 = (isNS) ? document.desc1 : document.all.desc1.style; var desc2 = (isNS) ? document.desc2 : document.all.desc2.style; var desc3 = (isNS) ? document.desc3 : document.all.desc3.style; var desc4 = (isNS) ? document.desc4 : document.all.desc4.style; /* Begin the sliding of the company logo */ slideLogo(0, 140); </script>
所属频道:
文本链接特效
/
更新时间:2012-11-04
[收藏]
[报错]
[返回列表]
评论加载中....
相关
文本链接特效
:
后退无效的链接
一种隐藏URL的方法 (并是弹出无边窗口)
随机动态的链接Title提示
表单多选框中列出全部链接点击跳转
一个链接打开两个链接地址(新开窗口和当前窗口)
鼠标onmouse链接时复选框的状态变为checked
多个div层显示隐藏及切换
引用文章链接代码
信息框显示链接
点击链接后跳出一个链接说明小窗口
比较实用的CSS控制连接颜色效果
超链接或按钮的跳马灯式说明文字
文本链接特效Rss订阅
特效代码搜索
文本链接特效推荐
几款CSS给文字加阴影变3D效果演示
多个div层显示隐藏及切换
几种常见的文字排列方向代码(倒向、竖向和旋转)
CSS给文字描边实现发光文字
文本框走动跑马灯
QQ邮箱链接提示,点击时候才弹出
0、1数字下落 有点象闪客帝国的感觉
可加入图片、文字的链接悬停提示
一段文字的展开/折叠效果
字符由碎块拼凑而成
猜你也喜欢看这些
jQuery 弹出菜单层
CSS滑动门及选项卡,布局在同一页面
CSS中1PX的使用—缺口提示框
DIV层拖动,代码很简洁
CSS高度自适应代码(用了都说好)
支持COOKIE保存的层拖动实例
关闭后可缩小显示的网页右下角Div窗口
纯CSS实现图片列表悬停放大特效
JavaScript模块随意拖动
可使用Cookie保存的漂亮拖动层窗口
相关链接:
复制本页链接
|
搜索会旋转的链接
特效说明:
文本链接模板
-
会旋转的链接
。
闂佽 鍋撻柟顖滃椤ワ拷&闂佸憡甯掑Λ鏃堟閿燂拷
QQ缂備礁鏈钘壩涢敓锟�
闂佸搫鍊绘晶妤€顫濋纰卞殫妞ゆ梻鍘х憴锟�
闂佺厧鐏氬畷姗€顢欓崱妤婂殫妞ゆ梻鍘х憴锟�
婵炲瓨绮忓銊バф径宀€纾鹃柨鐕傛嫹
閻庢鍠掗崑鎾荤叓閸パ冩殶缂傚稄鎷�
闂佽皫鍕姢閻庤濞婇獮鏍р堪閸℃﹩妫�
婵犮垼娉涚粔鎾春濡ゅ啰纾鹃柟瀛樼箖缁诧拷
闂佸搫娲﹀ḿ娆撍囬敓锟�...