- 2012-11-23
本源代碼收集了一些常用的網頁圖片滾動,無縫滾動,效果很平滑,包括上下左右四個方向的滾動,或許你現在用不上這些代碼,不過先收藏起來以備后用哦。
- 2012-11-23
在制作網站布局中,圖片的自適應功能是一個非常重要的功能,一般的用處是來防止圖片撐開容器而對圖片的尺寸進行必要的控制。有一個比較簡單的方法來實現:br> max-width:600px; IE7、FF等其他非IE瀏覽器下最大寬度為600px。但在IE6中無效。br> width:600px
- 2012-11-23
Javscript+CSS圖片查看提取顯示器代碼,注意代碼里的函數$(),addEvent(),removeEvent()并未封裝到圖片查看器中,個人認為這三個函數會在網頁中多次應用,為避免重復代碼,故沒有封裝。示例中使用了淡入淡出效果(僅FF,IE中測試時太耗資源,故放棄),和滑動效果,還有拖
- 2012-11-23
Js版淘寶圖片切換,類似相冊播放的效果,沒有使用jQuery,請朋友們注意,代碼初次寫成,未經重新優化及整理,希望大家繼續修正。
- 2012-11-23
純CSS代碼實現的圖片列表滾動,就像有些網站的圖片友情鏈接的功能一樣,有拖動條哦,采用CSS實現類似框架的效果,好處是對搜索引擎友好,并非使用了框架,實現方法推敲一下,部分圖片實現了透明效果。
- 2012-11-23
NBA網站的大幅焦點圖切換效果,代碼里有較多的注釋,適合研究一下,圖片是遠程地址,你最好保存到本地,本焦點圖是動態變化,會自動播放,鼠標點擊的時候會響應鼠標,用JavaScript實現的。
- 2012-11-23
發一個自己寫的JavaScript可控的圖片滾動,橫向左右滾動,可能還有些不完善的地方,也歡迎指正,鼠標放到控制按鈕上就可以控制圖片的滾動方向。
- 2012-11-23
Google的牛頓紀念日時候使用的Logo,還帶有小球特效,雖然不完美,但可以借鑒一下。
- 2012-11-23
為了阻擋一般用戶不能使用圖片另存為的功能,這里使用JavaScript對右鍵菜單做了限制,當在圖片上點擊右鍵的時候,會彈出一個提示,提示無法操作圖片,注意,這種方法對高手可能無效果。
- 2012-11-22
Javascript 仿Flash平滑效果的圖片輪翻,完全用JavaScript代碼實現,圖片輪番間隔、按鈕每次移動的距離以及圖片顯示框的大小都可以再次定義,以適應你的網頁需要。
- 2012-11-22
在圖片上單擊鼠標,獲取圖片的原始尺寸大小,變通一下我們可以實現讓圖片隨網頁的大小而自動適應,我們可以判斷如果圖片超出規定大小,則強制壓縮圖片,運行一下看效果吧。
- 2012-11-22
鼠標放到圖片上會滑出提示文字,不用多介紹了,運行一下就知道效果了。
- 2012-11-22
CSS漂亮的圖片邊框,邊框是用背景圖片修飾的,不過可以自適應大小,這點挺實用的,不論你的圖片有多大,它始終顯示在圖片的外圍,不會錯位,這當然還要歸功于CSS的功勞。
- 2012-11-22
超酷的JavaScript圖片橫向滾動,Js滾動類已經封裝,為了設置方便,單獨摘出了控制程序,可以設置圖片滾動框寬度、翻頁寬度、滾動速度、每次滾動的長度、是否允許自動播放以及自動播放的時間,個人認為這是目前相對好用的Js圖片滾動代碼,喜歡你也喜歡。
- 2012-11-22
前后輪翻的JS圖片幻燈切換,和普通的圖片切換沒有什么區別,區別在于圖片的切換方式上,用到了一些prototype的相關技術,自動檢測圖片張數,運行時如果看不到效果,請等待圖片加載完成。
- 2012-11-22
真正的JavaScript鼠標放上加載大圖的效果,唯一不爽的地方是沒有Loading,在淘寶網的商品列表中有這樣的效果,有些朋友很想要的效果,但是卻不知該如何形容,本放大還帶有漸入漸出動畫,如果不想要的話,可以去掉哦,這樣代碼就更精簡了。
- 2012-11-22
圖片控制內容框的文字上下翻滾,JavaScript一款文字滾動特效,Google廣告有這種功能。用到網頁上也不錯,鼠標放到圖片上滾動就開始了。
- 2012-11-21
CSS+JS滑動門式的圖片輪番切換,原型是一個滑動門,又結合了圖片特效,整體效果感覺挺不錯,對JavaScript的學習幫助挺大。
- 2012-11-21
純CSS實現鼠標經過放大圖片,可能不是太好,因為縮略圖實際上加載的仍然是完整的大幅圖片,只不過是用CSS控制了顯示的區域,因此可能會影響網頁加載,不過CSS方法是不錯,初學者參考一下。
- 2012-11-21
不規則導航菜單的CSs實現方法,呵呵CSS部分其實很容易,就是圖片處理稍嫌麻煩,需要一個一個把圖片處理好讓CSS調用,不過,做出的效果確實挺有新意,適合兒童或藝術網站。