很多時(shí)候大家可以看到FLASH里面的按鈕可以是動(dòng)畫的,而大部分HTML作出來的按鈕都是單幀切換的.其實(shí)做成動(dòng)畫也是可行的.
　　先看看下面的預(yù)覽圖片
　　
　　鼠標(biāo)移動(dòng)上去,鼠標(biāo)點(diǎn)擊,鼠標(biāo)移開
　　下面是實(shí)際效果，親自體驗(yàn)一下
    以下是引用片段：
　　a{display:block;height:31px;width:88px;background-image:url(圖1)}
　　a:hover{background-image:url(圖2)}
　　a:active{background-image:url(圖3)}
　　其實(shí)最重要的是在動(dòng)畫圖片本身
　　首先看看這個(gè)圖片,似曾相識(shí)把.原理是一樣的
　　
　  我們用 LINK對(duì)象的偽類 HOVER 和ACTIVE來模擬FLASH里面的指針經(jīng)過和按下效果,實(shí)事上還是有些差別的,另外彈起的按鈕 就是 link的普通狀態(tài)了.
　　理解這些了再來看動(dòng)畫本身,第二個(gè)例子里面有三個(gè)圖片
　　圖1 從 [鼠標(biāo)點(diǎn)我]->[謝謝惠顧]
　　
　　圖2 從 [謝謝惠顧]->[鼠標(biāo)點(diǎn)我]
　　
　　圖3 文字下沉一下,模擬點(diǎn)擊效果
　　
　　鼠標(biāo)移動(dòng)上去的時(shí)候 播放圖片2 那么動(dòng)畫自動(dòng)滾動(dòng)到[鼠標(biāo)點(diǎn)我]
　　鼠標(biāo)移開的時(shí)候 播放圖片1 那么動(dòng)畫自動(dòng)滾動(dòng)到[謝謝惠顧]
　　鼠標(biāo)點(diǎn)擊的時(shí)候 播放圖片3.
　　下面是Fireworks制作按鈕的動(dòng)畫的一些描述。這兩個(gè)圖片是鼠標(biāo)經(jīng)過和移開的源文件
　　 
　　打開看看，其實(shí)和普通的動(dòng)畫一樣，不過要注意一個(gè)小細(xì)節(jié)
　　
　　導(dǎo)出的GIF動(dòng)畫之前記得在幀面板選擇[不循環(huán)]。秘訣記心中.....
　　tips:代碼只是簡(jiǎn)單的HTML和CSS制作.所以效果不是特別完美,如果采用HTML配合javascript的一些行為來制作,可以完全模擬出flash的按鈕的四個(gè)狀態(tài).不過同時(shí)也要看到這個(gè)方法的弊端,圖片大,載入慢,第一次鼠標(biāo)移動(dòng)上去的時(shí)候會(huì)出現(xiàn)缺失效果.