-
預(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í)及查找圖片特效的最佳選擇。