javascript特效 會隨著滑鼠而動的眼睛

2021-09-09 03:51:17 字數 1374 閱讀 3904

這個特效非常簡單,其中眼球和眼珠都是特定的。只要掌握好距離座標就沒問題。我就直接貼**,有興趣的朋友可以自己複製下來執行一下,下面的眼睛影象就是我的檔案用到的影象,比較難看.。我就把我的**貼出來好了。

其中的html檔案如下:

24 display:yes   no

wohui yi dong

其中的js檔案如下:eye.js

/**

* created with jetbrains webstorm.

* user: administrator

* date: 13-9-5

* time: 下午4:25

* to change this template use file | settings | file templates.

*/window.οnlοad=dateday;

document.οnmοusemοve=movehandle;

var tempx=new array;

var tempy=new array;

var i=0;

function movehandle(evt)

function makemousemove(xpos,ypos)

i=0;

}eyemove(xpos,ypos);

}function eyemove(xpos,ypos)

}function mousemove(i,xpos,ypos)

}function dateday()

if(show24()==false)

else

}var temp=math.floor((date.gettime())/(1000*60*60));min=math.floor((date.gettime()-temp*60*1000*60)/(1000*60));second=math.floor((date.gettime()-temp*60*60*1000-min*1000*60)/1000);

document.getelementbyid("biaoti").innerhtml="beijing time: "+hour+":"+min+":"+second+houzui;

settimeout(dateday,1000)

}function show24()

背景:

眼眶:(png格式)

眼珠:

JavaScript文字特效例項小結 3個示例

1 標題跑馬燈 常常能夠在一些新聞 或者其他地方,看到文字在乙個特定的區域內,來回滾動。一旦超出邊界就消失了,那麼這些效果是如何做到的呢,今天我們就來講講。圖示效果 源 標題欄上實現的文字跑馬燈 面向划水1 3年前端人員 幫助突破划水瓶頸,提公升思維能力 2 網頁內容跑馬燈這裡介紹了一些常用的跑馬燈...

JavaScript文字特效例項小結 3個示例

1 標題跑馬燈 常常能夠在一些新聞 或者其他地方,看到文字在乙個特定的區域內,來回滾動。一旦超出邊界就消失了,那麼這些效果是如何做到的呢,今天我們就來講講。圖示效果 源 標題欄上實現的文字跑馬燈 面向划水1 3年前端人員 幫助突破划水瓶頸,提公升思維能力 2 網頁內容跑馬燈這裡介紹了一些常用的跑馬燈...

小孩子患有弱視,會因為隨著年齡長大而自癒嗎?

小孩患上弱視怎麼辦?有家長說 不用理會,會隨著年齡慢慢變好。有家長說 要趕緊 長大了就來不及了!我們先看看,這位曾經是弱視患者的媽媽怎麼說吧 妞妞在幼兒園時就查出視力不好,但我和她爸爸認為是輕度近視,就沒太放在心上,沒想到等孩子13歲時,竟發現是弱視,而且已經影響到了她的立體視覺。重要的是,孩子現在...