javascript經典效果(五)

quguiliang 13年前發布 | 1K 次閱讀

五 接收鍵盤指令的腳本:


 

<DIV class=blockcode>

<DIV id=code13>

  1. <SCRIPT language="JavaScript">

  2. <!--

  3. var hotkey=97

  4. var destination="

  5. if (document.layers)

  6. document.captureEvents(Event.KEYPRESS)

  7. function backhome(e){

  8. if (document.layers){

  9. if (e.which==hotkey)

  10. window.location=destination

  11. }

  12. else if (document.all){

  13. if (event.keyCode==hotkey)

  14. window.location=destination

  15. }

  16. }

  17. document.onkeypress=backhome

  18. //-->

  19. </SCRIPT>

  22. onkeydown="javascript:onenter();"

  24. function onenter(){

  25. if(event.keyCode==13){

  26. alert("回車");

  27. }

  28. }
    29. </OL></DIV>復制代碼</DIV>


     

    六 讓你的文本鏈接漸隱漸顯:


     

    <DIV class=blockcode>

    <DIV id=code14>

    1. <META NAME="Description" CONTENT="">

    2. </HEAD>

    4. <BODY>

    5. <script language="javascript" type="text/javascript">

    8. startColor = "#671700"; // 定義鏈接顏色

    9. endColor = "#D8D1C5";  // 定義要漸變到最后的顏色

    11. stepIn = 17;

    12. stepOut = 23;

    14. /*

    15. 定義是否讓所有的文本鏈接自動漸變，true為是，false為否

    16. */

    17. autoFade = true;  

    19. /*

    20. 在這里定義css樣式里的類class：fade，如果為true，那么你要將要漸變的鏈接上加上此fade樣式

    21. */

    22. sloppyClass = false;

    24. hexa = new makearray(16);

    25. for(var i = 0; i < 10; i++)

    26.     hexa[i] = i;

    27. hexa[10]="a"; hexa[11]="b"; hexa[12]="c";

    28. hexa[13]="d"; hexa[14]="e"; hexa[15]="f";

    30. document.onmouseover = domouseover;

    31. document.onmouseout = domouseout;

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

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

    36. var fadeId = new Array();

    38. function dehexize(Color){

    39. var colorArr = new makearray(3);

    40. for (i=1; i<7; i++){

    41.   for (j=0; j<16; j++){

    42.    if (Color.charAt(i) == hexa[j]){

    43.     if (i%2 !=0)

    44.      colorArr[Math.floor((i-1)/2)]=eval(j)*16;

    45.     else

    46.      colorArr[Math.floor((i-1)/2)]+=eval(j);

    47.    }

    48.   }

    49. }

    50. return colorArr;

    51. }

    53. function domouseover() {

    54.   if(document.all){

    55.    var srcElement = event.srcElement;

    56.    if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1))

    57.         fade(startColor,endColor,srcElement.uniqueID,stepIn);      

    58.    }

    59. }

    61. function domouseout() {

    62.   if (document.all){

    63.    var srcElement = event.srcElement;

    64.     if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1))

    65.         fade(endColor,startColor,srcElement.uniqueID,stepOut);

    66.     }

    67. }

    69. function makearray(n) {

    70.     this.length = n;

    71.     for(var i = 1; i <= n; i++)

    72.         this[i] = 0;

    73.     return this;

    74. }

    76. function hex(i) {

    77.     if (i < 0)

    78.         return "00";

    79.     else if (i > 255)

    80.         return "ff";

    81.     else

    82.        return "" + hexa[Math.floor(i/16)] + hexa[i%16];}

    84. function setColor(r, g, b, element) {

    85.       var hr = hex(r); var hg = hex(g); var hb = hex(b);

    86.       element.style.color = "#"+hr+hg+hb;

    87. }

    89. function fade(s,e, element,step){

    90. var sr = s[0]; var sg = s[1]; var sb = s[2];

    91. var er = e[0]; var eg = e[1]; var eb = e[2];

    93. if (fadeId[0] != null && fade[0] != element){

    94.   setColor(sr,sg,sb,eval(fadeId[0]));

    95.   var i = 1;

    96.   while(i < fadeId.length){

    97.    clearTimeout(fadeId[i]);

    98.    i++;

    99.    }

    100.   }

    101.   

    102.     for(var i = 0; i <= step; i++) {

    103.      fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " (( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " (" +i+ "/" +

    104.    step+ ")),Math.floor(" +sg+ " (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " (" +i+ "/" +step+

    105.    ")),Math.floor(" +sb+ " ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " (" +i+ "/" +step+ ")),"+element+");",i*step);

    106.   }

    107. fadeId[0] = element;

    108. }

    110. </script>

    112. </BODY>

    113. </HTML>

    114. <A HREF="">讓你的文本鏈接漸隱漸顯</A>
      115. </OL></DIV>復制代碼</DIV>

 本文由用戶 quguiliang 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！