Board logo

标题: 给大家分享几个网页鼠标特效代码。。。顶哦↑ [打印本页]
作者: tianya    时间: 2008-4-29 12:30     标题: 给大家分享几个网页鼠标特效代码。。。顶哦↑

点击会变色哦！！
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  4. <title>网页特效|Linkweb.cn/Js|---随鼠标变色的文字</title>
  5. </head>
  6. <body>
  7. <p>将鼠标移到这里看看<p><p></p>
  8. <script language="VBScript">
  9. sub hello
  10. document.fgColor=int(256*256*256*rnd)
  11. end sub
  12. </script>
  13. </body>
  14. </html>
复制代码
让鼠标下场雪，想不到啊
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  4. <title>网页特效|Linkweb.cn/Js|---让鼠标下场雪，想不到啊</title>
  5. </head>
  6. <body>

  8. <STYLE TYPE="text/css">
  9. <!--
  10. BODY{overflow:scroll;overflow-x:hidden;}.s1{position : absolute; font-size : 12pt; color : blue; visibility: hidden;}.s2{ position : absolute; font-size : 20pt; color : red; visibility : hidden;}
  11. .s3{ position : absolute; font-size : 16pt; color : gold; visibility : hidden;}.s4{ position : absolute; font-size : 14pt; color : lime; visibility : hidden;}
  12. -->
  13. </STYLE>
  14. <DIV ID="div1" CLASS="s1">*</DIV>
  15. <DIV ID="div2" CLASS="s2">*</DIV>
  16. <DIV ID="div3" CLASS="s3">*</DIV>
  17. <DIV ID="div4" CLASS="s4">*</DIV>
  18. <script language="javascript" type="text/javascript" class="s5">
  19. var nav = (document.layers);
  20. var tmr = null;
  21. var spd = 50;
  22. var x = 0;
  23. var x_offset = 5;
  24. var y = 0;
  25. var y_offset = 15;
  26. if(nav) document.captureEvents(Event.MOUSEMOVE);
  27. document.onmousemove = get_mouse;
  28. function get_mouse(e)
  29. {
  30. x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;
  31. y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;
  32. x += x_offset;
  33. y += y_offset;
  34. beam(1);
  35. }
  36. function beam(n)
  37. {
  38. if(n<5)
  39. {
  40. if(nav)
  41. {
  42. eval("document.div"+n+".top="+y);
  43. eval("document.div"+n+".left="+x);
  44. eval("document.div"+n+".visibility='visible'");
  45. }
  46. else
  47. {
  48. eval("div"+n+".style.top="+y);
  49. eval("div"+n+".style.left="+x);
  50. eval("div"+n+".style.visibility='visible'");
  51. }
  52. n++;
  53. tmr=setTimeout("beam("+n+")",spd);
  54. }
  55. else
  56. {
  57. clearTimeout(tmr);
  58. fade(4);
  59. }
  60. }
  61. function fade(n)
  62. {
  63. if(n>0)
  64. {
  65. if(nav)eval("document.div"+n+".visibility='hidden'");
  66. else eval("div"+n+".style.visibility='hidden'");
  67. n--;
  68. tmr=setTimeout("fade("+n+")",spd);
  69. }
  70. else clearTimeout(tmr);
  71. }
  72. </script>
  73. </body>
  74. </html>
复制代码
紧随鼠标的流动彩色字串
  1. <html>
  2. <head>
  3. <title>网页特效|Linkweb.cn/Js|---紧随鼠标的流动彩色字串</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  5. <style>.spanstyle {
  6. COLOR: #0066ff; FONT-FAMILY: 隶书; FONT-SIZE: 14pt; FONT-WEIGHT: normal; POSITION: absolute; TOP: -50px; VISIBILITY: visible
  7. }
  8. </style>
  9. </head>
  10. <body bgcolor="#000000">
  11. <script language="javascript">
  12. var message="欢 迎 进 入 我 的 网 站 !";
  13. var x,y;
  14. var step=12;
  15. var flag=0;
  16. message=message.split("");
  17. var xpos=new Array();
  18. for (i=0;i<=message.length-1;i++) {
  19. xpos=-50;
  20. }
  21. var ypos=new Array();
  22. for (i=0;i<=message.length-1;i++) {
  23. ypos=-50;
  24. }
  25. function handlerMM(e) {
  26. x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX+10;
  27. y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY;
  28. flag=1;
  29. }
  30. function makesnake() {
  31. if (flag==1 && document.all) {
  32. for (i=message.length-1; i>=1; i--) {
  33. xpos=xpos[i-1]+step;
  34. ypos=ypos[i-1];
  35. }
  36. xpos[0]=x+step;
  37. ypos[0]=y;
  38. for (i=0; i<=message.length-1; i++) {
  39. var thisspan = eval("span"+(i)+".style");
  40. thisspan.posLeft=xpos;
  41. thisspan.posTop=ypos;
  42. thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
  43. }
  44. }
  45. else if (flag==1 && document.layers) {
  46. for (i=message.length-1; i>=1; i--) {
  47. xpos=xpos[i-1]+step;
  48. ypos=ypos[i-1];
  49. }
  50. xpos[0]=x+step;
  51. ypos[0]=y;
  52. for (i=0; i<message.length-1; i++) {
  53. var thisspan = eval("document.span"+i);
  54. thisspan.left=xpos;
  55. thisspan.top=ypos;
  56. thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
  57. }
  58. }
  59. }
  60. </script>
  61. <script language="javascript">
  62. for (i=0;i<=message.length-1;i++) {
  63. document.write("<span id='span"+i+"' class='spanstyle'>");
  64. document.write(message);
  65. document.write("</span>");
  66. }
  67. if (document.layers) {
  68. document.captureEvents(Event.MOUSEMOVE);
  69. }
  70. document.onmousemove = handlerMM;
  71. </script>
  72. <script
  73. language="javascript">
  74. function pageonload() {
  75. makesnake();
  76. window.setTimeout("pageonload();", 2);
  77. }
  78. </script>
  79. </body>
  80. </html>
复制代码




欢迎光临 捌玖网络工作室 (http://www.89w.org/) Powered by Discuz! 7.2