• 預覽利用CSS濾鏡打造多種圖片修飾效果集錦

        2012-12-09
        用CSS控制的多種圖片的展示效果,有百葉窗、有切入、有馬賽克等,主要是練習了CSS濾鏡的使用方法,每一個其實只是濾鏡的改變而已,希望對學習CSS的朋友有所幫助。
      • 預覽點擊圖片后圖片自動切換為另一張

        2012-12-09
        看到有些論壇會有這種效果,就是點擊一次圖片后,圖片會自動切換成另一張,避免用戶重復點擊,這里主要是用JS定義了一個函數,點擊圖片時調用該函數。運行一下,看看效果吧。
      • 預覽左右可控的JS圖片幻燈

        2012-12-07
        從老外那里整理出來的,優化了部分JavaScript代碼,圖片地址及文字描述都寫在JS的數組里,因此適合一些不經常更新的頁面,因為將地址及信息寫進數組,對動態更新造成一定麻煩,用到的可關注一下。
      • 預覽純CSS實現的圖片滾動,見過嗎?

        2012-12-07
        純CSS實現的圖片滾動,見過嗎?其實也不能稱之為滾動,說成是圖片提示可能更貼切一些,其實CSS是不能實現動態滾動的,只能借助于JS或JQUERY等插件或腳本,不過本款用來作一個帶提示的圖片特效相當不錯。
      • 預覽JS點擊小圖預覽大圖(仿淘寶)

        2012-12-07
        仿淘寶網的商品圖片預覽效果,點擊小縮略圖會生成預覽大圖,這里的生成是指調用,當鼠標放到小圖上時激活腳本,開始加載大圖,一方面減少網頁帶寬,另一方面可以方便用戶瀏覽圖片,提高用戶操作舒適度,總體感覺效果不錯,幾乎和淘寶網的一一模一樣。
      • 預覽一個載入圖片等待狀態的Loading效果

        2012-12-07
        圖片載入Loading效果,當圖片沒有載入的時候,顯示正在加載中,當加載完成出現圖片,LOADING可以有效防止資源浪費,提升用戶體驗的好方法。
      • 預覽CSS強制等比例縮小圖片

        2012-12-07
        CSS等比例縮小圖片,實用性較強的一個CSS技巧,等比例一般都是在我們規定的高度或寬度超出范圍時候,另圖片以高或寬為基準按比例縮小或放大,這樣保證網頁布局的整齊性,這也是CSS功能的強大之處。不過本處是CSS調用了expression,也就是說用CSS調用了JavaScript,有點
      • 預覽Js新聞幻燈圖片輪番播放代碼

        2012-12-07
        又一個基于JavaScript的新聞類圖片切換特效,一張一張自動循環播放,雖然沒有什么華麗的修飾功能,但這款圖片幻燈切換的最大優點是可以很好的和動態語言ASP/PHP/ASP.NET結合,從數據庫中讀出圖片地址,自動生成圖片幻燈切換單元,大大增加了它的實用性,對CSS比較熟悉的
      • 預覽CSS實現圖片拖影效果

        2012-12-07
        這個CSS特效代碼很不錯,將一幅圖片變成拖尾的影子效果,就是大家所說的幻影效果,同樣是使用CSS的filter濾鏡,一句代碼就解決了問題,你可以試著改變他們的參數,會有更炫的效果出現。
      • 預覽JavaScript圖片旋轉(360度)

        2012-12-07
        JavaScript控制一張圖片旋轉,每次旋轉90度,可旋轉一周360度,以前沒見到過,也不知道有沒有用,奉獻給大家,希望喜歡。
      • 預覽鼠標放上圖片錯位效果

        2012-12-07
        一個圖片效果,鼠標放到圖片上,圖片會錯位一下,以前在不少網站見到過,用好了也挺不錯的。原本以為這種效果是用純CSS實現的,搗騰半天沒搞定,后來配合JS,總算實現了,邊框暫時黑色,如果你有用得上,那就自己根據你的站修改一下吧。
      • 預覽圖片雷達效果,像光照一樣

        2012-12-06
        不知道該如何形容這種效果,就叫做雷達效果吧,像一束光一樣照亮整個圖片,背景圖片變暗,這里是用CSS降低了圖片的透明度。個人感覺不怎么實用,有喜歡的拿去。
      • 預覽JavaScript改變圖片透明度,鼠標放上漸漸顯示

        2012-12-06
        JavaScript改變圖片透明度,當我們把鼠標放到圖片上的時候,圖片的透明度慢慢變大,圖片越來越清淅,也就是大家常說的圖片漸變,淡入淡出效果,并能適時顯示透明度的變化情況,支持多張圖片。用本物資做一個圖片導航應該很不錯。
      • 預覽騰訊JS商品滾動效果

        2012-12-06
        來自騰訊網首頁的商品滾動特效,引用了遠程的圖片和文字 ,請下載到本地,總之效果還是不錯的,美觀,占用位置少。布局靈活。
      • 預覽在同一頁面拖動多個圖片

        2012-12-06
        在同一頁面增加多個拖動對象,也就是多個圖片,在指定區域內拖動,學習JS拖動值得一看。
      • 預覽圖片旋轉構成3D圓環的展示特效

        2012-12-06
        很炫的圖片展示特效,由一組圖片構成一個3D的圓環狀,并自動旋轉,鼠標放到某一圖片上會自動停止,JavaScript 的功能真夠強大,你是不是后悔沒有學好JS呢?
      • 預覽很有意思的圖片分裂復制效果

        2012-12-06
        很有意思的圖片分割效果,你可以點擊任意一個圖片,會看到圖片會成對分裂復制,無限制下去,就像鏈式反應一樣,運行一下,看看效果吧。
      • 預覽超漂亮Js+css圖片幻燈切換

        2012-12-06
        非常漂亮的JS+CSS圖片幻燈切換特效,用在你的首頁比較不錯,寬屏圖片格式,每張圖片平滑飛入切換,鼠標放上自動切換,和FLASH的平滑效果差不多,視覺沖擊效果很爽,而且代碼也不多,調試調用都方便,建議關注一下哦!
      • 預覽向上無縫滾動的圖片效果

        2012-12-06
        使一組圖上無縫向上滾動的效果,用CSS定義滾動區域的大小與圖片正好重疊,然后用JS定義每次滾動的距離也正好與圖片大小一樣,實現了這種美妙的圖片效果。如果要更改圖片的大小,記著要把CSS也一并修改哦!
      • 預覽地圖網站的一個圖片拖動特效

        2012-12-06
        同樣是一個JavaScript圖片特效,幾乎所有的地圖網站都有這種效果,鼠標放上后會出現一個拖動標志,你可以不把鼠標放到圖片上,照樣可以實現拖動,而且是在限制的區域內拖動,這個代碼對我們很有用處。
      共15頁/294條記錄首頁上頁1234567下頁末頁