模板無憂
網頁特效
每日更新
|
TOP排行榜
|
Tag標簽
|
充值
無憂首頁
網頁模板
程序模板
建站教程
視頻教程
網頁特效
圖標素材
字體下載
站長工具
站長問答
網頁特效
菜單導航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉換
鍵盤鼠標
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優化工具
網頁特效代碼
模板無憂
>
網頁特效
>
瀏覽器特效代碼
>
收藏
分享
查看評論
瀏覽器
演示
一款鼠標跟隨特效代碼_瀏覽器特效
查看演示效果
特效Tag:
鼠標跟隨
鼠標
添加
早兩年的玩意,鼠標跟隨特效,基于javascript編寫,本款代碼中跟隨鼠標的是一串小流星,不停的旋轉,很酷哦!
<html> <head> <title>鼠標跟隨代碼</title> <meta mrc="text/html; charset=gb2312" http-equiv="Content-Type"> </head> <body bgColor="#003399"> <script language="JavaScript"> <!-- Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff') var speed=1; var RunTime = 0; var cntr=0; var xcntr=100; var Nslayers; var pulse=25; var onClrs; var Xpos = 423; var Ypos = 248; var _y; if (document.layers){ window.captureEvents(Event.MOUSEMOVE); function xFollowMouse(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xFollowMouse; document.write('<layer name="a0" left=10 top=10 bgcolor="#ff0000" clip="0,0,2,2"></layer>' +'<layer name="a1" left=10 top=10 bgcolor="#00ff00" clip="0,0,2,2"></layer>' +'<layer name="a2" left=10 top=10 bgcolor="#ffffff" clip="0,0,2,2"></layer>' +'<layer name="a3" left=10 top=10 bgcolor="#ffa500" clip="0,0,2,2"></layer>' +'<layer name="a4" left=10 top=10 bgcolor="#ff00ff" clip="0,0,2,2"></layer>' +'<layer name="a5" left=10 top=10 bgcolor="#8888ff" clip="0,0,2,2"></layer>' +'<layer name="a6" left=10 top=10 bgcolor="#fff000" clip="0,0,2,2"></layer>'); } else if (document.all){ function FollowMouse(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = FollowMouse; document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">' +'<div id="c" style="position:relative">' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff0000;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#00ff00;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffffff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffa500;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>' +'</div>' +'</div>'); } function sv2(){ if (document.layers){ for (i=0;i<7;i++) { Nslayers="a"+i; document.layers[0].top=Ypos+cntr*Math.cos((RunTime+i*4.5)/5); document.layers[0].left=Xpos+cntr*Math.sin((RunTime+i*4.5)/5); var randCol=Math.round(Math.random()*8); document.layers[0].bgColor=Clrs[randCol]; } cntr+=1; RunTime+=speed; stp=setTimeout('sv2()',10); if (cntr>=100) { cntr=100; speed=2.5; for (i=0;i<7;i++) { Nslayers="a"+i; document.layers[Nslayers].top=Ypos+cntr*Math.cos((RunTime-100)*i/90); document.layers[Nslayers].left=Xpos+cntr*Math.sin((RunTime-100)*i/90); } } if (RunTime>182) { speed=0.5; for (i=0;i<7;i++) { Nslayers="a"+i; document.layers[Nslayers].top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5); document.layers[Nslayers].left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5); } } } else if (document.all){ for (i=0;i<ieDiv.all.c.all.length;i++) { var randCol=Math.round(Math.random()*8); ieDiv.all.c.all[0].style.background=Clrs[randCol]; ieDiv.all.c.all[0].style.top=Ypos+cntr*Math.cos((RunTime+i*4.5)/5); ieDiv.all.c.all[0].style.left=Xpos+cntr*Math.sin((RunTime+i*4.5)/5); } cntr+=1; RunTime+=speed; window.status=RunTime; stp=setTimeout('sv2()',10); if (cntr>=100) { cntr=100; speed=2.5; for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top=Ypos+cntr*Math.cos((RunTime-100)*i/90); ieDiv.all.c.all[i].style.left=Xpos+cntr*Math.sin((RunTime-100)*i/90); } } if (RunTime>182) { speed=0.5; for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5); ieDiv.all.c.all[i].style.left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5); } } } if (RunTime>210) { xcntr-=10; } if (document.layers) _y=-window.innerWidth-90; else if (document.all) _y=-document.body.clientWidth-90; if (xcntr <= _y) { RunTime=0; speed=1; cntr=0; xcntr=100; } } sv2() //--> </script> </body> </html>
所屬頻道:
瀏覽器特效
/
更新時間:2013-06-16
[收藏]
[報錯]
[返回列表]
相關
瀏覽器特效
:
JS判斷客戶端使用的訪問設備并加載對應CSS
對輸入文本框的內容作出檢測
對鏈連接進行確認還能給出有關提示
檢測瀏覽器去過站點
集成Cookies :能在頁面顯示用戶的很多信息
顯示隨來訪次數信息
禁用鼠標右鍵:禁用鼠標右鍵功能
離開頁面,提示用戶把本頁添加到收藏夾
禁用鼠標左鍵:禁用鼠標左鍵功能
簽名提示程序:提示用戶簽到,并在頁面給出歡迎語
標題欄里的打字效果
檢測出用戶的IE瀏覽器所裝插件數
瀏覽器特效Rss訂閱
特效代碼搜索
瀏覽器特效推薦
JavaScript智能識別網頁關鍵字并加紅
JavaScript接收鍵盤指令示例
打印設置與預覽
JavaScript打開網頁就彈出Alert提示窗的代碼
流動性非常好的網頁載入頁面
打印
跟隨鼠標的幻影文字
網頁寬高
JS屏蔽掉IE的最小化、最大化及關閉功能
從四周向中央慢慢打開窗口
猜你也喜歡看這些
俄羅斯方塊
TicTacToe人工智能版
JavaScript 根據隨機數原因生成DNA字符序列
雙人圍格子游戲
魔方游戲網頁版
Js隨機數--網頁版的體育彩票選號器
JavaScript撞球游戲
健康值測試
JavaScript寫的簡單21點游戲
JavaScript 跳跳球效果模擬
相關鏈接:
復制本頁鏈接
|
搜索一款鼠標跟隨特效代碼
特效說明:
瀏覽器模板
-
一款鼠標跟隨特效代碼
。