今天无聊逛到自己以前使用的Pjblog里面,看到之前使用的一个比较有趣的js,便拿过来,给大家分享分享
把鼠标轻轻往超链接上一放,看见什么了??是不是很PL的彩虹效果??如果你也想要,那就跟我做吧,步骤很简单的哦
代价就是需要多加载2K的js文件
首先新建一个文件取名为“rainbow.js”,或者在你本身的js里面插入以下代码,内容为:
如果有修改失败的朋友,可以直接下载我做好的传到皮肤根目录再按下面几个步骤即可哦
var rate = 20; var obj; var act = 0; var elmH = 0; var elmS = 128; var elmV = 255; var clrOrg; var TimerID; if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) { Browser = true; } else { Browser = false; } if (Browser) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor; } function doRainbow() { if (Browser && act != 1) { act = 1; obj = event.srcElement; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } function stopRainbow() { if (Browser && act != 0) { obj.style.color = clrOrg; clearInterval(TimerID); act = 0; } } function doRainbowAnchor() //此函数于06.11.25修改,修复可能的脚本错误! { if (Browser && act != 1) { obj = event.srcElement; if (obj.tagName == 'A' && obj.href != '') { act = 1; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } } function stopRainbowAnchor() { if (Browser && act != 0) { if (obj.tagName == 'A') { obj.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } function ChangeColor() { obj.style.color = makeColor(); } function makeColor() { if (elmS == 0) { elmR = elmV; elmG = elmV; elmB = elmV; } else { t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) { elmR = t1; elmB = t2; elmG = t2 + t3; } else if (elmH < 120) { elmG = t1; elmB = t2; elmR = t1 - t3; } else if (elmH < 180) { elmG = t1; elmR = t2; elmB = t2 + t3; } else if (elmH < 240) { elmB = t1; elmR = t2; elmG = t1 - t3; } else if (elmH < 300) { elmB = t1; elmG = t2; elmR = t2 + t3; } else if (elmH < 360) { elmR = t1; elmG = t2; elmB = t1 - t3; } else { elmR = 0; elmG = 0; elmB = 0; } } elmR = Math.floor(elmR); elmG = Math.floor(elmG); elmB = Math.floor(elmB); clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16); elmH = elmH + rate; if (elmH >= 360) elmH = 0; return clrRGB; }
保存到根目录下。 //这里提醒一句:一定要保存为utf-8编码
然后打开header.php,找到合适位置,插入如下代码
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/rainbow.js"></script>
保存,上传,收工!PL的彩虹效果就搞定了~~
一清早来朋友的博客凑凑热闹,不错~哈哈
被我学到了、、
bj里面更好改
这句就OK 、、
额,BJ?什么东东?
超链接 彩虹效果哈 、
我写错 、、是pj
额,PJ啊,我的前一个博客就是PJ,用了两年~~~
这个就是从之前的博客里面Copy过来了
我的空间不支持php。 要不然我就也弄Wordpress了、
我朋友骂我神经病、 他说QQ空间多好、 我无奈。 我黄钻7了 我偏要弄独立博客。
被骂神经病啊…那就无语咯…还能说什么嘛
只看到QQ空间的好处的人,都是没见过世面的人。(说的有点狠,不爽的不必拍砖,不欢迎)
Flingyue的最新日志:杯具可能吧
额,换个PHP嘛,ASP的不够强大呀,WP你用一段时间就觉得很爽了…
特别是插件,不像PJ什么都要自己修改
主题也是,WP的主题和自身分离的很好…
刚才回复了一下,发现有个commentluv是什么插件呢?请回复一下,感谢!
Flingyue的最新日志:杯具可能吧
哦,这个插件呀,还不错,可以提高访客的交流程度,还能增加链接…
名字就叫CommentLuv,用WP在线安装就行咯
LZ大好人,俺知道了,HOHO.
加下友情连接可不不
我把你的加好了 、嘿嘿
额,可以啊,反正我的链接不看别的,友情就行…我也做好咯
不过做博客贵在坚持…
木木的主题哎~~呵呵,支持一下!
老饕的最新日志:2010春节联欢晚会 刘谦魔术揭秘
没办法…这个主题比较优秀…目前拥有一大批使用者以及拥护者
哇嘎嘎
我不会打扮,我的博客始终用默认皮肤,插件都是实用型的,哈哈。
哎呀…这个不是光影童鞋么…
都不留个网址的…还有换个头像呀…默认的太难看了
俺来留个脚印。。。。
话说你这里好多特效,要拿多特效干啥 真是
小K的最新日志:官方推出:小红伞简体中文版
哇嘎嘎…特效是用来欣赏的….
大部分都是jQuery的…反正打开速度也不可能更快了…
除了页面马赛克渐变比较卡以外…其他的我都用了按需加载…用了判断…不超过5k的js文件…
对于服务器是没有更多负担啦…自己喜欢就好咯
我怎么没有看到哪里有彩虹?
Louis Han的最新日志:6个必看的Android网站[译文131]
鼠标放到任意一个链接上….
是不是看到在变色???
或者是浏览器不支持?
新年好啊,问题都解决了吧,不错,在首页能否给我个链接啊!
嘿嘿…用的就是你的那个主题…我在按照需要改了一些地方…
我以为那个主题有你的链接呢…既然没有啊…我加个到友情链接吧…
新年好啊。挺不错的,好多网站都用上了
是啊…不过有点那么华而不实啦…嘿嘿…
我用的那个 代码没这么多,直接放head里了
hzlzh的最新日志:wordpress获得Twitter最新内容代码[非插件][不登录][不怕啬]
嘿嘿…我这个代码是2004年的老版js啦…
现在都2010了…更新的肯定不少了…现在的库也很多…
为什么要叫彩虹呢?呵呵,这效果蛮不错的。
额…因为变色就像彩虹一样…虽然没有七种颜色,但也是彩色的…嘿嘿
呵呵,俺试了下效果还是不错滴
Firm的最新日志:大家说调查网注册操作教程
就是喜欢漂亮的人用的…适合网速比较快的主机….
不然拖慢大家的速度罪过就大咯
歪歪的最新日志:大年初一 送上自家的饺子咯!
额…这个就是一般的js呀…FF没理由不支持呀…
你鼠标放在任意一个链接,看看我站点上的链接有没有变色
怎么也没有个演示
皓辰的最新日志:皓辰甚是无奈,大年三十临时更换A记录来拜年
有的啊…你把鼠标指到任意一个超链接看看…嘿嘿…