📄 淡除淡入的连接.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0058)http://www.pcimg.com/code/javascript/article/search/03.htm -->
<HTML><HEAD><TITLE>淡除淡入的连接</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff>
<TABLE cellSpacing=0 cellPadding=0 width=680 align=center border=0>
<TBODY>
<TR>
<TD align=middle><BR>
<H1>淡除淡入的连接</H1></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=10 width=680 align=center border=0>
<TBODY>
<TR>
<TD class=mid>/*****************************************\
<BR>|| Fade Script Version 2.2
|| <BR>|| http://anarchos.xs.mw/fade.phtml ||
<BR>|| (c) Jan
2001 || <BR>||
___________________________________ ||
<BR>||
|| <BR>|| Created
by:
|| <BR>|| Anarchos >
anarchos.xs.mw || <BR>||
___________________________________ ||
<BR>||
|| <BR>|| Color conversion from decimal to || <BR>|| hex
(dehexize function) by: || <BR>|| Litejet
> litejet@hotmail.com || <BR>||
___________________________________ ||
<BR>||
|| <BR>|| Fade, hex, setColor functions by: || <BR>|| Dak
Phoenix > phoenix-archetypes.com || <BR>||
___________________________________ || <BR>|| domouseover/out based
on scripts by || <BR>|| The Shadow > www.icon.co.za/~andrewk
|| <BR>\*****************************************/ <BR><BR>/*************
<BR>**** <config> <BR>**/ <BR><BR>startColor = "#303030"; // 初始色
<BR>endColor = "#a0a0a0"; // 最终色 <BR><BR>stepIn = 17; // 淡入延迟
<BR>stepOut = 27; // 淡出延迟 <BR><BR>debugIt = true; // 除错模式 true 或 false
<BR>sloppyClass = false; //相似类 true 或 false <BR><BR>/** <BR>****
</config> <BR>**************/ <BR><BR>/************* <BR>****
<install> <BR>** <BR><BR>1.将文件存为"fade.js"后，在HTML里加上： <BR><script
src="fade.js" language="Javascript"></script>
<BR><BR>2.将所需此特效连接的"class"属性改为"fade".再给他加上唯一的"name"属性 <BR>例如: <BR><a
href="blah.html" name="fading_link_1" class= "fade">click
here</a>
<BR>注:唯一的"name"属性指不可以在HTML中有相同的"name"属性，否则会出错。如果除错模式是"true",遇到两个或多个相同的"name"属性会自动警告。
<BR><BR>3。连接中不可以有<b>, <i>, <font>等标签. <BR>例如: <BR><a
href="blah.html" name="fading_link_1"
class="fade"><b>click</b> here</a> <BR>不会有任何特效
<BR><BR>4.如果相似类为"true",且连接的"class"属性含有字串"fade".如:"dd_fade","fade_me".那此脚本对那些连接同样有效。
<BR>注：可以这样做： <BR><style> <BR>.fader1 { font-size: 16pt;
background-color: #46f;} <BR>.iliketofade {font-family: Tahoma, Arial,
Helvetica; text-decoration:underline;} <BR></style> <BR><script
src="fade.js" language="Javascript"></script> <BR>... <BR>...
<BR>... <BR><a herf="somewhere" class="iliketofade"
name="example">click me</s> <BR><BR>Have fun! <BR>-Anarchos-
<BR><BR>** <BR>**** </install> <BR>**************/ <BR><BR>hexa =
new makearray(16); <BR>for(var i = 0; i < 10; i++)
<BR> hexa[i] = i; <BR>hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
<BR>hexa[13]="d"; hexa[14]="e"; hexa[15]="f"; <BR><BR>document.onmouseover
= domouseover; <BR>document.onmouseout = domouseout; <BR><BR>startColor =
dehexize(startColor.toLowerCase()); <BR>endColor =
dehexize(endColor.toLowerCase()); <BR><BR>var fadeId = new Array();
<BR><BR>function dehexize(Color){ <BR>var colorArr = new makearray(3);
<BR>for (i=1; i<7; i++){ <BR>for (j=0; j<16; j++){ <BR>if
(Color.charAt(i) == hexa[j]){ <BR>if (i%2 !=0)
<BR>colorArr[Math.floor((i-1)/2)]=eval(j)*16; <BR>else
<BR>colorArr[Math.floor((i-1)/2)]+=eval(j); <BR>} <BR>} <BR>} <BR>return
colorArr; <BR>} <BR><BR>function domouseover() {
<BR> if(document.all){ <BR> srcElement = event.srcElement;
<BR> if (srcElement.className == "fade" || (sloppyClass &&
srcElement.className.indexOf("fade") != -1)) { <BR> var
linkName = srcElement.name; <BR> if
(eval(linkName).length > 1){ <BR> if
(debugIt) <BR> alert("Fade
error: " + eval(linkName).length + " links are named " + linkName + ".");
<BR> }
<BR> else <BR>
fade(startColor,endColor,linkName,stepIn);
<BR> } <BR> } <BR>}
<BR><BR>function domouseout() { <BR> if (document.all){ <BR>
srcElement = event.srcElement; <BR> if (srcElement.className ==
"fade" || (sloppyClass && srcElement.className.indexOf("fade") !=
-1)) { <BR> var linkName = srcElement.name;
<BR> if (eval(linkName).length > 1){
<BR> } <BR> else
<BR>
fade(endColor,startColor,linkName,stepOut); <BR> }
<BR> } <BR>} <BR><BR>function makearray(n) {
<BR> this.length = n; <BR> for(var i = 1; i <= n;
i++) <BR> this[i] = 0; <BR> return this;
<BR>} <BR><BR>function hex(i) { <BR> if (i < 0)
<BR> return "00"; <BR> else if (i >
255) <BR> return "ff"; <BR> else
<BR> return "" + hexa[Math.floor(i/16)] + hexa[i%16];}
<BR><BR>function setColor(r, g, b, element) { <BR> var hr
= hex(r); var hg = hex(g); var hb = hex(b);
<BR> element.style.color = "#"+hr+hg+hb; <BR>}
<BR><BR>function fade(s,e, element,step){ <BR>var sr = s[0]; var sg =
s[1]; var sb = s[2]; <BR>var er = e[0]; var eg = e[1]; var eb = e[2];
<BR><BR>if (fadeId[0] != null && fade[0] != element){
<BR>setColor(sr,sg,sb,eval(fadeId[0])); <BR>var i = 1; <BR>while(i <
fadeId.length){ <BR>clearTimeout(fadeId[i]); <BR>i++; <BR>} <BR>}
<BR><BR> for(var i = 0; i <= step; i++) { <BR>
fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - "
+i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" + <BR>step+ ")),Math.floor("
+sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/"
+step+ <BR>")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + "
+eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step); <BR>} <BR>fadeId[0]
= element; <BR>} <BR><BR><BR></TD></TR></TBODY></TABLE></BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -