-
預(yù)覽利用CSS濾鏡打造多種圖片修飾效果集錦
2012-12-09用CSS控制的多種圖片的展示效果,有百葉窗、有切入、有馬賽克等,主要是練習(xí)了CSS濾鏡的使用方法,每一個其實只是濾鏡的改變而已,希望對學(xué)習(xí)CSS的朋友有所幫助。 -
預(yù)覽點擊圖片后圖片自動切換為另一張
2012-12-09看到有些論壇會有這種效果,就是點擊一次圖片后,圖片會自動切換成另一張,避免用戶重復(fù)點擊,這里主要是用JS定義了一個函數(shù),點擊圖片時調(diào)用該函數(shù)。運行一下,看看效果吧。 -
預(yù)覽左右可控的JS圖片幻燈
2012-12-07從老外那里整理出來的,優(yōu)化了部分JavaScript代碼,圖片地址及文字描述都寫在JS的數(shù)組里,因此適合一些不經(jīng)常更新的頁面,因為將地址及信息寫進數(shù)組,對動態(tài)更新造成一定麻煩,用到的可關(guān)注一下。 -
預(yù)覽純CSS實現(xiàn)的圖片滾動,見過嗎?
2012-12-07純CSS實現(xiàn)的圖片滾動,見過嗎?其實也不能稱之為滾動,說成是圖片提示可能更貼切一些,其實CSS是不能實現(xiàn)動態(tài)滾動的,只能借助于JS或JQUERY等插件或腳本,不過本款用來作一個帶提示的圖片特效相當(dāng)不錯。 -
預(yù)覽JS點擊小圖預(yù)覽大圖(仿淘寶)
2012-12-07仿淘寶網(wǎng)的商品圖片預(yù)覽效果,點擊小縮略圖會生成預(yù)覽大圖,這里的生成是指調(diào)用,當(dāng)鼠標(biāo)放到小圖上時激活腳本,開始加載大圖,一方面減少網(wǎng)頁帶寬,另一方面可以方便用戶瀏覽圖片,提高用戶操作舒適度,總體感覺效果不錯,幾乎和淘寶網(wǎng)的一一模一樣。 -
預(yù)覽一個載入圖片等待狀態(tài)的Loading效果
2012-12-07圖片載入Loading效果,當(dāng)圖片沒有載入的時候,顯示正在加載中,當(dāng)加載完成出現(xiàn)圖片,LOADING可以有效防止資源浪費,提升用戶體驗的好方法。 -
預(yù)覽CSS強制等比例縮小圖片
2012-12-07CSS等比例縮小圖片,實用性較強的一個CSS技巧,等比例一般都是在我們規(guī)定的高度或?qū)挾瘸龇秶鷷r候,另圖片以高或?qū)挒榛鶞?zhǔn)按比例縮小或放大,這樣保證網(wǎng)頁布局的整齊性,這也是CSS功能的強大之處。不過本處是CSS調(diào)用了expression,也就是說用CSS調(diào)用了JavaScript,有點 -
預(yù)覽Js新聞幻燈圖片輪番播放代碼
2012-12-07又一個基于JavaScript的新聞類圖片切換特效,一張一張自動循環(huán)播放,雖然沒有什么華麗的修飾功能,但這款圖片幻燈切換的最大優(yōu)點是可以很好的和動態(tài)語言ASP/PHP/ASP.NET結(jié)合,從數(shù)據(jù)庫中讀出圖片地址,自動生成圖片幻燈切換單元,大大增加了它的實用性,對CSS比較熟悉的 -
預(yù)覽CSS實現(xiàn)圖片拖影效果
2012-12-07這個CSS特效代碼很不錯,將一幅圖片變成拖尾的影子效果,就是大家所說的幻影效果,同樣是使用CSS的filter濾鏡,一句代碼就解決了問題,你可以試著改變他們的參數(shù),會有更炫的效果出現(xiàn)。 -
預(yù)覽JavaScript圖片旋轉(zhuǎn)(360度)
2012-12-07JavaScript控制一張圖片旋轉(zhuǎn),每次旋轉(zhuǎn)90度,可旋轉(zhuǎn)一周360度,以前沒見到過,也不知道有沒有用,奉獻給大家,希望喜歡。 -
預(yù)覽鼠標(biāo)放上圖片錯位效果
2012-12-07一個圖片效果,鼠標(biāo)放到圖片上,圖片會錯位一下,以前在不少網(wǎng)站見到過,用好了也挺不錯的。原本以為這種效果是用純CSS實現(xiàn)的,搗騰半天沒搞定,后來配合JS,總算實現(xiàn)了,邊框暫時黑色,如果你有用得上,那就自己根據(jù)你的站修改一下吧。 -
預(yù)覽圖片雷達效果,像光照一樣
2012-12-06不知道該如何形容這種效果,就叫做雷達效果吧,像一束光一樣照亮整個圖片,背景圖片變暗,這里是用CSS降低了圖片的透明度。個人感覺不怎么實用,有喜歡的拿去。 -
預(yù)覽JavaScript改變圖片透明度,鼠標(biāo)放上漸漸顯示
2012-12-06JavaScript改變圖片透明度,當(dāng)我們把鼠標(biāo)放到圖片上的時候,圖片的透明度慢慢變大,圖片越來越清淅,也就是大家常說的圖片漸變,淡入淡出效果,并能適時顯示透明度的變化情況,支持多張圖片。用本物資做一個圖片導(dǎo)航應(yīng)該很不錯。 -
預(yù)覽騰訊JS商品滾動效果
2012-12-06來自騰訊網(wǎng)首頁的商品滾動特效,引用了遠程的圖片和文字 ,請下載到本地,總之效果還是不錯的,美觀,占用位置少。布局靈活。 -
預(yù)覽在同一頁面拖動多個圖片
2012-12-06在同一頁面增加多個拖動對象,也就是多個圖片,在指定區(qū)域內(nèi)拖動,學(xué)習(xí)JS拖動值得一看。 -
預(yù)覽圖片旋轉(zhuǎn)構(gòu)成3D圓環(huán)的展示特效
2012-12-06很炫的圖片展示特效,由一組圖片構(gòu)成一個3D的圓環(huán)狀,并自動旋轉(zhuǎn),鼠標(biāo)放到某一圖片上會自動停止,JavaScript 的功能真夠強大,你是不是后悔沒有學(xué)好JS呢? -
預(yù)覽很有意思的圖片分裂復(fù)制效果
2012-12-06很有意思的圖片分割效果,你可以點擊任意一個圖片,會看到圖片會成對分裂復(fù)制,無限制下去,就像鏈?zhǔn)椒磻?yīng)一樣,運行一下,看看效果吧。 -
預(yù)覽超漂亮Js+css圖片幻燈切換
2012-12-06非常漂亮的JS+CSS圖片幻燈切換特效,用在你的首頁比較不錯,寬屏圖片格式,每張圖片平滑飛入切換,鼠標(biāo)放上自動切換,和FLASH的平滑效果差不多,視覺沖擊效果很爽,而且代碼也不多,調(diào)試調(diào)用都方便,建議關(guān)注一下哦! -
預(yù)覽向上無縫滾動的圖片效果
2012-12-06使一組圖上無縫向上滾動的效果,用CSS定義滾動區(qū)域的大小與圖片正好重疊,然后用JS定義每次滾動的距離也正好與圖片大小一樣,實現(xiàn)了這種美妙的圖片效果。如果要更改圖片的大小,記著要把CSS也一并修改哦! -
預(yù)覽地圖網(wǎng)站的一個圖片拖動特效
2012-12-06同樣是一個JavaScript圖片特效,幾乎所有的地圖網(wǎng)站都有這種效果,鼠標(biāo)放上后會出現(xiàn)一個拖動標(biāo)志,你可以不把鼠標(biāo)放到圖片上,照樣可以實現(xiàn)拖動,而且是在限制的區(qū)域內(nèi)拖動,這個代碼對我們很有用處。
- 相關(guān)鏈接:
- 欄目說明:
圖片特效:提供了大量與圖片特效相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找圖片特效的最佳選擇。