当鼠标悬在链接上时给带链接的字来点色彩变化。。。  当鼠标悬在链接上时给带链接的字来点色彩变化。。。2006-4-3 10:45:06当鼠标悬在链接上时给带链接的字来点色彩变化。。。2006-4-3 10:45:06当鼠标悬在链接上时给带链接的字来点色彩变化。。。 当鼠标悬在链接上时给带链接的字来点色彩变化。。。 当鼠标悬在链接上时给带链接的字来点色彩变化。。。2006-4-3 10:45:06当鼠标悬在链接上时给带链接的字来点色彩变化。。。2006-4-3 10:45:06当鼠标悬在链接上时给带链接的字来点色彩变化。。。 |
文谷 www.wengu.com
来源：网络 作者：佚名
时间：2006-4-3 浏览人数：
|
当鼠标悬在链接上时给带链接的字来点色彩变化。。。 当鼠标悬在链接上时给带链接的字来点色彩变化。。。2006-4-3 10:45:06当鼠标悬在链接上时给带链接的字来点色彩变化。。。2006-4-3 10:45:06当鼠标悬在链接上时给带链接的字来点色彩变化。。。 很多人想要这个效果。。
当鼠标悬在链接上时给带链接的字来点色彩变化。。。五光十色。。
以前有人问我是不是用css做的。css用语句确实控制不出来。后面我看到别人的效果的时候，才知道，都是用js文件实现的。。。
js代码如下：
|
以下是引用片段：
var rate = 100;
var obj;
var act = 0;
var elmH = 0;
var elmS = 239;
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()
{
if (Browser && act != 1) {
obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
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;
}
| 把上面的js代码存为js文件。。在网页中引用即可。。。 |
特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站我们表示深深的谢意。本站地址:Http://WWW.PE263.COM
当鼠标悬在链接上时给带链接的字来点色彩变化。。。 当鼠标悬在链接上时给带链接的字来点色彩变化。。。2006-4-3 10:45:06当鼠标悬在链接上时给带链接的字来点色彩变化。。。2006-4-3 10:45:06当鼠标悬在链接上时给带链接的字来点色彩变化。。。 |
|
|
版权与免责声明：① 本网转载其他媒体稿件是为传播更多的信息，此类稿件不代表本网观点，版权归原作者所有，本网不承担此类稿件侵权行为的连带责任。
② 本站原创文章，转载时请注明出自文谷及作者姓名
③在本网 BBS上发表言论者，文责自负。
④如您因版权等问题需要与本网联络，请在30日内联系 。
当鼠标悬在链接上时给带链接的字来点色彩变化。。。 当鼠标悬在链接上时给带链接的字来点色彩变化。。。2006-4-3 10:45:06当鼠标悬在链接上时给带链接的字来点色彩变化。。。2006-4-3 10:45:06当鼠标悬在链接上时给带链接的字来点色彩变化。。。 当鼠标悬在链接上时给带链接的字来点色彩变化。。。 当鼠标悬在链接上时给带链接的字来点色彩变化。。。2006-4-3 10:45:06当鼠标悬在链接上时给带链接的字来点色彩变化。。。2006-4-3 10:45:06当鼠标悬在链接上时给带链接的字来点色彩变化。。。
|
