模板無憂
網頁特效
每日更新
|
TOP排行榜
|
Tag標簽
|
充值
無憂首頁
網頁模板
程序模板
建站教程
視頻教程
網頁特效
圖標素材
字體下載
站長工具
站長問答
網頁特效
菜單導航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉換
鍵盤鼠標
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優化工具
網頁特效代碼
模板無憂
>
網頁特效
>
瀏覽器特效代碼
>
收藏
分享
查看評論
瀏覽器
演示
跟隨鼠標的幻影文字_瀏覽器特效
查看演示效果
特效Tag:
跟隨鼠標
添加
跟隨鼠標的幻影文字,是不是很酷?喜歡個性的朋友可不要錯過哦,鼠標走到哪里它就跟到哪里,帶拖影,比較炫!
<html> <head> <title>跟隨鼠標的幻影文字</title> </head> <body> <script LANGUAGE="Javascript"> <!-- Begin message = '模板無憂'; FonT = 'Arail'; ColoR = '0066CC'; SizE =3; var amount = 5, ypos =- 50, xpos = 0, Ay = 0, Ax = 0, By = 0, Bx = 0, Cy = 0, Cx = 0, Dy = 0, Dx = 0, Ey = 0, Ex = 0; if (document.layers) { for (i = 0; i < amount; i++) { document.write('<layer name=nsl'+i+' top=0 left=0><font face='+FonT+' size='+SizE+' color='+ColoR+'>'+message+'</font></layer>'); } window.captureEvents(Event.MOUSEMOVE); function nsmouse(evnt) { xpos = evnt.pageX + 20; ypos = evnt.pageY + 20; } window.onMouseMove = nsmouse; } else if (document.all) { document.write("<div id='outer' style='position:absolute;top:0px;left:0px'>"); document.write("<div style='position:relative'>"); for (i =0; i < amount; i++) { document.write('<div id="text"'+i+' style="position:absolute;top:0px;left:0px;width:400px;height:20px"><font face='+FonT+' size='+SizE+' color='+ColoR+'>'+message+'</font></div>') } document.write("</div>"); document.write("</div>"); function iemouse() { ypos = event.y + 20; xpos = event.x + 20; } window.document.onmousemove = iemouse; } function makefollow() { if (document.layers) { document.layers['nsl'+0].top = ay; document.layers['nsl'+0].left = ax; document.layers['nsl'+1].top = by; document.layers['nsl'+1].left = bx; document.layers['nsl'+2].top = cy; document.layers['nsl'+2].left = cx; document.layers['nsl'+3].top = Dy; document.layers['nsl'+3].left = Dx; document.layers['nsl'+4].top = Ey; document.layers['nsl'+4].left = Ex; } else if (document.all) { outer.style.pixelTop = document.body.scrollTop; text[0].style.pixelTop = ay; text[0].style.pixelLeft = ax; text[1].style.pixelTop = by; text[1].style.pixelLeft = bx; text[2].style.pixelTop = cy; text[2].style.pixelLeft = cx; text[3].style.pixelTop = Dy; text[3].style.pixelLeft = Dx; text[4].style.pixelTop = Ey; text[4].style.pixelLeft = Ex; } } function move() { ey = Ey += (ypos - Ey) * 0.2; ex = Ex += (xpos - Ex) * 0.2; dy = Dy += (ey - Dy) * 0.3; dx = Dx += (ex - Dx) * 0.3; cy = Cy += (dy - Cy) * 0.4; cx = Cx += (dx - Cx) * 0.4; by = By += (cy - By) * 0.5; bx = Bx += (cx - Bx) * 0.5; ay = Ay += (by - Ay) * 0.6; ax = Ax += (bx - Ax) * 0.6; makefollow(); setTimeout('move()', 100); } window.onload=move; // End --> </script> </body> </html>
所屬頻道:
瀏覽器特效
/
更新時間:2013-06-16
[收藏]
[報錯]
[返回列表]
相關
瀏覽器特效
:
JS判斷客戶端使用的訪問設備并加載對應CSS
對輸入文本框的內容作出檢測
對鏈連接進行確認還能給出有關提示
檢測瀏覽器去過站點
集成Cookies :能在頁面顯示用戶的很多信息
顯示隨來訪次數信息
禁用鼠標右鍵:禁用鼠標右鍵功能
離開頁面,提示用戶把本頁添加到收藏夾
禁用鼠標左鍵:禁用鼠標左鍵功能
簽名提示程序:提示用戶簽到,并在頁面給出歡迎語
標題欄里的打字效果
檢測出用戶的IE瀏覽器所裝插件數
瀏覽器特效Rss訂閱
特效代碼搜索
瀏覽器特效推薦
文字連接到的地方在狀態欄上顯示出來,可以作為導航信息
帶彈性的鼠標跟隨效果
鼠標點擊后自動滾屏
跑馬燈式的字符在狀態欄上出現,一點出按鈕就停止
不彈出詢問提示直接關閉窗口的JS
直接生成打開窗口代碼,不必下載
opener狀態
打印設置與預覽
流動性非常好的網頁載入頁面
在網頁上顯示跟隨鼠標移動的十字形坐標
猜你也喜歡看這些
反應能力測試游戲,你能堅持多久?
JavaScript抽獎程序(模擬)
選擇喜歡的女孩子類型噢~
推箱子
電梯
雙人圍格子游戲
魔方游戲網頁版
JavaScript 跳跳球效果模擬
測測反應速度
俄羅斯方塊
相關鏈接:
復制本頁鏈接
|
搜索跟隨鼠標的幻影文字
特效說明:
瀏覽器模板
-
跟隨鼠標的幻影文字
。