-
預(yù)覽漫天飛花及文字滾動(dòng)特效
2012-12-11漫天飛花及文字滾動(dòng)特效,不知道該怎么形容這種效果,它是圖片和文字相結(jié)合的一種特效,就叫做漫天飛花吧,另外它還可以控制一組文字上下滾動(dòng),也就走馬燈,個(gè)性十足。 -
預(yù)覽JS圖片預(yù)加載代碼
2012-12-11來(lái)自GOOGLE的圖片預(yù)加載技術(shù),也就是加載一個(gè)圖片的時(shí)候,為了減輕網(wǎng)頁(yè)的壓力,將圖片衰減后先顯示出來(lái),然后再慢慢加載,你就會(huì)看到一個(gè)圖片由模糊突然變得清淅起來(lái),這就是預(yù)加載的一種。這段代碼就完成了圖片的預(yù)加載功能,你可以點(diǎn)擊一個(gè)小圖然后看到大圖慢慢變得清 -
預(yù)覽4張圖片滾動(dòng)切換效果
2012-12-11一個(gè)JS完成的圖片切換特效,手動(dòng)更新,目前限制為4張圖片,當(dāng)然這個(gè)是可以自己修改的,如果更改此數(shù)字,那么要相應(yīng)的增加圖片單元,否則JS會(huì)報(bào)錯(cuò)或無(wú)法顯示圖片。本特效很小巧,代碼也不是太多,因些適合二次修改。 -
預(yù)覽純CSS圖片切換特效
2012-12-11用純CSS代碼實(shí)現(xiàn)的首頁(yè)圖片切換特效,沒(méi)有用到任何JavaScript代碼,鼠標(biāo)點(diǎn)擊就會(huì)切換圖片,看上去還行,代碼非常少,也很實(shí)用。 -
預(yù)覽一款A(yù)lpha透明度圖片鏈接效果
2012-12-10一款使用CSS的Alpha透明度實(shí)現(xiàn)的圖片鏈接效果,鼠標(biāo)放上后圖片會(huì)變?yōu)榘胪该�,然后出現(xiàn)文字介紹,+可以加入其它功能,一般是加入收藏,根據(jù)你的需要了,可以自己改。 -
預(yù)覽JS水平循環(huán)飛舞的圖片
2012-12-10JavaScript水平循環(huán)飛舞的圖片,這個(gè)功能我們?cè)诰帉?xiě)游戲的時(shí)候能用得上,當(dāng)然這里的圖片你也可以把它換作是文字,JS只管ID而不管內(nèi)部會(huì)是什么內(nèi)容,本代碼修改起來(lái)也方便,希望有朋友喜歡。 -
預(yù)覽JavaScript圖片扭曲變形效果
2012-12-10一幅圖片,長(zhǎng)度\寬度之大小與比例都不停地變化,如同哈哈鏡的效果,很能引人注目,用在網(wǎng)頁(yè)上,可以給人意外的驚喜!下 -
預(yù)覽Javascript圖片幻燈效果
2012-12-10名副其實(shí)的JS圖片幻燈切換特效,風(fēng)格優(yōu)美,帶動(dòng)畫(huà),圖片路徑可以輕易修改成從數(shù)據(jù)庫(kù)讀取,實(shí)用性增強(qiáng),CSS代碼可根據(jù)你的需要繼續(xù)優(yōu)化,確實(shí)比較不錯(cuò)。 -
預(yù)覽仿淘寶星級(jí)評(píng)分的CSS代碼
2012-12-10類似于淘寶網(wǎng)的星級(jí)評(píng)分效果,只是一個(gè)效果,沒(méi)有加上實(shí)際的動(dòng)作腳本,供學(xué)習(xí)CSS的朋友做個(gè)參考吧。 -
預(yù)覽純CSS實(shí)現(xiàn)Lightbox點(diǎn)擊小圖無(wú)刷新顯示大圖
2012-12-10CSS的“Lightbox”是一個(gè)人見(jiàn)人愛(ài)的圖片顯示技術(shù),她可以實(shí)現(xiàn)點(diǎn)擊小圖無(wú)刷新顯示大圖的功能。Discuz論壇就有這種功能,不過(guò)好像它還用有JS,這一款沒(méi)有用到JS,完全用純CSS實(shí)現(xiàn),而且用起來(lái)非常方便。注意,圖片的邊框和大小這個(gè)根據(jù)你的網(wǎng)頁(yè)布局自己設(shè)置一下,這 -
預(yù)覽鼠標(biāo)拖動(dòng)圖片的JavaScript
2012-12-10用鼠標(biāo)拖動(dòng)圖片移動(dòng),松開(kāi)鼠標(biāo)圖片就會(huì)放在拖動(dòng)的地方,實(shí)際上JavaScript是不能直接拖放圖片的,這里的拖放仍然是拖動(dòng)的層,把圖片放到層內(nèi),這樣就實(shí)現(xiàn)了鼠標(biāo)拖放圖片。 -
預(yù)覽淘寶網(wǎng)縮略圖預(yù)覽生成大圖的代碼
2012-12-10絕對(duì)很實(shí)用的圖片預(yù)覽代碼,用JS控制只有鼠標(biāo)放上小圖的時(shí)候才去加載生成大圖,這樣會(huì)節(jié)省很多網(wǎng)絡(luò)資源,減少?zèng)]必要的服務(wù)器壓力。這里的JS代碼你最好另存一份,在使用時(shí)候引入,因?yàn)檫@段代碼是可以復(fù)用的,而且也比較多。 -
預(yù)覽JS+CSS濾鏡實(shí)現(xiàn)多種圖片效果
2012-12-10JS+CSS實(shí)現(xiàn)多種圖片過(guò)渡效果,模切、豎切、百葉窗、還有馬賽克、淡入淡出、透明度變化等,有一些是我們經(jīng)常會(huì)用到了,很好的一段代碼,點(diǎn)擊運(yùn)行查看一下效果,如果沒(méi)看到,請(qǐng)刷新一下頁(yè)面再試。 -
預(yù)覽圖片圍成環(huán)形滾動(dòng),有空間感
2012-12-09圖片圍成環(huán)形來(lái)回滾動(dòng)的圖片特效,有立體感,而且設(shè)計(jì)的也挺不錯(cuò),演示中模板無(wú)憂去除了部分圖片,為了讓頁(yè)面加載更快,如果你想用的話,你可以無(wú)限制添加下去,只要你的網(wǎng)頁(yè)很快哦。 -
預(yù)覽Js+Css圖片切換,帶縮略圖響應(yīng)鼠標(biāo)滑過(guò)
2012-12-09超好的圖片幻燈切換效果,帶縮略圖,響應(yīng)鼠標(biāo)滑過(guò)動(dòng)作,鼠標(biāo)滑過(guò)自動(dòng)切換為相應(yīng)大圖,配合JS生成的動(dòng)畫(huà)效果,看上去很入眼,比較適合圖片站或游戲站做精品推薦,而且也容易替換為動(dòng)態(tài)讀取,全新的CSS LI列表,代碼更簡(jiǎn)潔,很不錯(cuò)吧? -
預(yù)覽鼠標(biāo)點(diǎn)擊圖片后切換為其它圖片
2012-12-09用鼠標(biāo)點(diǎn)擊圖片后,切換圖片為其它圖片,用它可以代替表單中的復(fù)選框的功能,將復(fù)選框用幾張圖片切換來(lái)是否被選中,這樣比原來(lái)的復(fù)選框樣式更美觀,當(dāng)然,用它你還可以創(chuàng)意出其它更酷的效果。 -
預(yù)覽JS平滑圖片滾動(dòng)
2012-12-09一款JS圖片滾動(dòng)效果,默認(rèn)是不滾動(dòng),鼠標(biāo)放到左側(cè)的三角符號(hào)上,它才會(huì)滾動(dòng),效果不錯(cuò),運(yùn)行時(shí)請(qǐng)耐心一點(diǎn)等待圖片加載完成,然后刷新一下頁(yè)面就正常了。 -
預(yù)覽JavaScript獲取遠(yuǎn)程圖片大小(長(zhǎng)度和寬度)
2012-12-09JavaScript獲取遠(yuǎn)程圖片大小,這里是需要獲取圖片的長(zhǎng)度和寬度,而并非占用空間大小,獲取完畢后以Alert彈窗的形式返回?cái)?shù)值,其實(shí)輸入本地地址也是可以的,代碼幾乎不用怎么變化就可以。 -
預(yù)覽JS+CSS給圖片加上鼠標(biāo)滑過(guò)的方框
2012-12-09JS+CSS給圖片加上鼠標(biāo)滑過(guò)的方框,其實(shí)用CSS也可以實(shí)現(xiàn)哦,感覺(jué)這里用JS有點(diǎn)多余呢…… -
預(yù)覽CSS 圖片放大查看特效
2012-12-09CSS制作的圖片查看特效,鼠標(biāo)放上后出現(xiàn)放大的圖片,帶漂亮的邊框修飾,還可以加入簡(jiǎn)短的圖片說(shuō)明。
- 相關(guān)鏈接:
- 欄目說(shuō)明:
圖片特效:提供了大量與圖片特效相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找圖片特效的最佳選擇。