這個特效非常簡單,其中眼球和眼珠都是特定的。只要掌握好距離座標就沒問題。我就直接貼**,有興趣的朋友可以自己複製下來執行一下,下面的眼睛影象就是我的檔案用到的影象,比較難看.。我就把我的**貼出來好了。
其中的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歲時,竟發現是弱視,而且已經影響到了她的立體視覺。重要的是,孩子現在...