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