页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容

一些很实用且必用的小脚本代码第4/5页

发布：dxy 字体：[增加减小] 类型：转载

脚本15：让你的文本链接渐隐渐显

点击运行可以看到效果:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
</HEAD>

startColor = "#671700"; // 定义链接颜色 
endColor = "#D8D1C5";  // 定义要渐变到最后的颜色

stepIn = 17;  
stepOut = 23;

/* 
定义是否让所有的文本链接自动渐变，true为是，false为否 
*/ 
autoFade = true;

/* 
在这里定义css样式里的类class：fade，如果为true，那么你要将要渐变的链接上加上此fade样式 
*/ 
sloppyClass = false;

hexa = new makearray(16); 
for(var i = 0; i < 10; i++) 
    hexa[i] = i; 
hexa[10]="a"; hexa[11]="b"; hexa[12]="c"; 
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";

document.onmouseover = domouseover; 
document.onmouseout = domouseout;

startColor = dehexize(startColor.toLowerCase()); 
endColor = dehexize(endColor.toLowerCase());

var fadeId = new Array();

function domouseover() { 
  if(document.all){ 
   var srcElement = event.srcElement; 
   if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) 
        fade(startColor,endColor,srcElement.uniqueID,stepIn);       
   } 
}

function domouseout() { 
  if (document.all){ 
   var srcElement = event.srcElement; 
    if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) 
        fade(endColor,startColor,srcElement.uniqueID,stepOut); 
    } 
}

function makearray(n) { 
    this.length = n; 
    for(var i = 1; i <= n; i++) 
        this[i] = 0; 
    return this; 
}

function hex(i) { 
    if (i < 0) 
        return "00"; 
    else if (i > 255) 
        return "ff"; 
    else 
       return "" + hexa[Math.floor(i/16)] + hexa[i%16];}

function setColor(r, g, b, element) { 
      var hr = hex(r); var hg = hex(g); var hb = hex(b); 
      element.style.color = "#"+hr+hg+hb; 
}

</script>

</BODY> 
</HTML>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

当前4/5页上一页 1 2 3 4 5 下一页

Tags：一些很实用且必用的小脚本代码