เพิ่มเอฟเฟกต์ฝนให้กับหน้าเว็บของคุณ

<style> a:hover{color:#036;} </style> <script language="javascript"> อัตรา var = 20; วาร์ obj; การกระทำ var = 0; วาร์เอล์มH = 0; var elmS = 128; var elmV = 255; var clrOrg; var TimerID; ถ้า (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) { เบราว์เซอร์ = true; } อื่น { เบราว์เซอร์ = false; } ถ้า (เบราว์เซอร์) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor; } ฟังก์ชั่น doRainbow() { ถ้า (เบราว์เซอร์ && act != 1) { act = 1; obj = เหตุการณ์ srcElement; clrOrg = obj.style.color; TimerID = setInterval("เปลี่ยนสี()",100); } } ฟังก์ชั่น stopRainbow() { ถ้า (เบราว์เซอร์ && act != 0) { obj.style.color = clrOrg; clearInterval(รหัสจับเวลา); การกระทำ = 0; } } ฟังก์ชั่น doRainbowAnchor() { ถ้า (เบราว์เซอร์ && ทำหน้าที่ != 1) { obj = event.srcElement; ในขณะที่ (obj.tagName != 'A' && obj.tagName != 'BODY') { obj = obj.parentElement; ถ้า (obj.tagName == 'A' || obj.tagName == 'BODY') พัง; } ถ้า (obj.tagName == 'A' && obj.href != '') { การกระทำ = 1; clrOrg = obj.style.color; TimerID = setInterval("เปลี่ยนสี()",100); } } } ฟังก์ชั่น stopRainbowAnchor() { if (เบราว์เซอร์ && act != 0) { if (obj.tagName == 'A') { obj.style.color = clrOrg; clearInterval(รหัสจับเวลา); การกระทำ = 0; } } } ฟังก์ชั่น ChangeColor() { obj.style.color = makeColor(); } ฟังก์ชั่น makeColor() { ถ้า (elmS == 0) { elmR = elmV; เอล์มG = เอล์มV; เอล์มบี = เอล์มV; } อื่น { t1 = เอล์มV; t2 = (255 - เอล์มS) * เอล์มV / 255; t3 = เอล์มH % 60; t3 = (t1 - t2) * t3 / 60; ถ้า (elmH < 60) { เอล์มR = t1; ต้นเอล์ม = t2; เอล์มG = t2 + t3; } อื่นถ้า (elmH < 120) { elmG = t1; ต้นเอล์ม = t2; เอล์มอาร์ = t1 - t3; } อื่น ๆ ถ้า (elmH < 180) { elmG = t1; ต้นเอล์ม = t2; ต้นเอล์ม = t2 + t3; } อื่นถ้า (elmH < 240) { elmB = t1; ต้นเอล์ม = t2; เอล์มจี = t1 - t3; } อื่นถ้า (elmH < 300) { elmB = t1; เอล์มG = t2; ต้นเอล์ม = t2 + t3; } อื่นถ้า (elmH < 360) { elmR = t1; เอล์มG = t2; ต้นเอล์ม = t1 - t3; } อื่น { เอล์มR = 0; เอล์มจี = 0; ต้นเอล์ม = 0; } } elmR = Math.floor(elmR); เอล์มG = Math.floor(เอล์มG); เอล์มB = Math.floor(เอล์มB); clrRGB = '#' + เอล์มR.toString(16) + เอล์มG.toString(16) + เอล์มB.toString(16); เอล์มH = เอล์มH + อัตรา; ถ้า (เอล์มH >= 360) เอล์มH = 0; กลับ clrRGB; } </script><div> <a href="##">鼠标移到这里观看效果</a> </div>