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