-
預(yù)覽按比例縮放圖片,JavaScript代碼
2012-11-21JavaScript按比例縮放圖片,找了好放終于找到了,可能是我發(fā)現(xiàn)的最好用的JS縮放圖片代碼,直接放到你的網(wǎng)頁(yè)中,稍微設(shè)置一下,你就省心了,它就能控制網(wǎng)頁(yè)上的圖片不會(huì)超過(guò)你規(guī)定的范圍,不會(huì)再為網(wǎng)頁(yè)被撐破而發(fā)愁了。 -
預(yù)覽自寫(xiě)Js+CSS輪顯效果
2012-11-21自已寫(xiě)的JavaScript輪顯切換效果,雖然還不是十分完美,但作為自己的一點(diǎn)小成就奉獻(xiàn)給大家,示例里的文字可以換成圖片,這樣圖片切換的效果就出來(lái)了。 -
預(yù)覽jQuery 1.4 循環(huán)圖片滾動(dòng)
2012-11-20jQuery 循環(huán)圖片滾動(dòng),這里請(qǐng)注意jQuery版本,1.3用以前版本可能會(huì)使本效果變差,最后用1.4以上版本,從官方說(shuō)明看,jQuery1.4與1.3還是存在一些差別的。循環(huán)圖片滾動(dòng)用jQuery去實(shí)現(xiàn)是比較方便的,其效果大致另人滿意。 -
預(yù)覽同一頁(yè)面調(diào)用并顯示多個(gè)圖片幻燈切換效果
2012-11-20同一頁(yè)面多次調(diào)用圖片幻燈切換效果,在一個(gè)網(wǎng)頁(yè)上布置三個(gè)圖片切換特效,雖然不常用,不過(guò)也有必要知道是怎么一回事吧。為了演示方便,這里只調(diào)用了一幅圖片,顯得有些單調(diào),實(shí)際應(yīng)用時(shí)就不會(huì)了。 -
預(yù)覽點(diǎn)擊圖片某一區(qū)域放大圖片,新型圖片放大特效
2012-11-20再發(fā)一個(gè)比較個(gè)性的新型圖片放大效果代碼,在圖片的某個(gè)區(qū)域上點(diǎn)擊鼠標(biāo),會(huì)重點(diǎn)放大該區(qū)域,再次點(diǎn)擊則返回。無(wú)jquery,完全JavaScript實(shí)現(xiàn)的效果,如果你在作一個(gè)圖片展示系統(tǒng)的話,這個(gè)代碼可以很好的嵌入進(jìn)去,再此預(yù)祝各位工作順利。 -
預(yù)覽nVida 網(wǎng)站圖片滑動(dòng)切換代碼
2012-11-20nVida網(wǎng)站的圖片滑動(dòng)特效,這里為了快速演示效果,去掉了原有的圖片用數(shù)字來(lái)代替,你完全可以插入你想要的圖片,本特效使用JS實(shí)現(xiàn),用CSS配合固定圖片,以滑動(dòng)的方式切換相應(yīng)的多張圖片。 -
預(yù)覽鼠標(biāo)經(jīng)過(guò)圖片由灰色變彩色
2012-11-20鼠標(biāo)經(jīng)過(guò)圖片由灰色變彩色,不少學(xué)CSS的朋友再問(wèn)這效果怎么實(shí)現(xiàn),本段代碼只是其中一個(gè)的實(shí)現(xiàn)方法,這個(gè)方法有點(diǎn)笨,就是用兩張完全一樣的圖片,只是一張灰色、一和彩色,用CSS定義鼠標(biāo)經(jīng)過(guò)切換兩張圖片而完成,雖然方法有點(diǎn)笨,但是兼容性非常好,不管是在IE、火狐或GG -
預(yù)覽JavaScript隨機(jī)圖片顯示
2012-11-20JavaScript隨機(jī)圖片顯示,每次刷新一下網(wǎng)頁(yè)就會(huì)載入不同的圖片,可以用作廣告功能,不過(guò)廣告商一般都不希望自己的廣告是隨機(jī)顯示的,可以考慮用到背景上,隨機(jī)背景,想像起來(lái)不錯(cuò)。 -
預(yù)覽CSS完成神奇創(chuàng)意的相框
2012-11-20Magic Photo Frame 神奇創(chuàng)意的CSS圖片相框,這里只是介紹一種方法,至于相冊(cè)的形狀你完全可以自己制作,注意相框格式是PNG透明格式。 -
預(yù)覽根據(jù)鼠標(biāo)放上切換內(nèi)容制作的圖片導(dǎo)航
2012-11-20根據(jù)鼠標(biāo)放上切換內(nèi)容制作的圖片導(dǎo)航,比較大氣的感覺(jué),在圖標(biāo)交替的同進(jìn)加入了淡入淡出特效,整體效果和一個(gè)Flash導(dǎo)航?jīng)]什么兩樣,為了加快演示速度 ,這里只放了兩組圖片導(dǎo)航,如果你需要很多,可以依次添加下去。 -
預(yù)覽間隔時(shí)間自由滾動(dòng)特技
2012-11-19間隔時(shí)間自由滾動(dòng)特技 -
預(yù)覽Js動(dòng)態(tài)改變圖片的透明度
2012-11-19Js動(dòng)態(tài)改變圖片的透明度,在文本框內(nèi)輸入不同的值,背景圖片的透明度會(huì)改變,從而顯示出文字,二者結(jié)合形成奇特效果。 -
預(yù)覽JavaScript點(diǎn)擊顯示、隱藏層或圖片的代碼
2012-11-19JavaScript點(diǎn)擊顯示、隱藏一個(gè)層或一個(gè)圖片的代碼,先定義兩個(gè)函數(shù)分別用來(lái)顯示、隱藏對(duì)象的block,然后用兩個(gè)超鏈接調(diào)用javascript中的兩個(gè)函數(shù)實(shí)現(xiàn)顯示或隱藏,其實(shí)是非常簡(jiǎn)單的,但是之前有不少朋友問(wèn)我怎么弄,這里的圖片其實(shí)可以換成一個(gè)登錄用的Div,這樣就可實(shí)現(xiàn) -
預(yù)覽CSS使用圖片完美修飾的全兼容圓角框
2012-11-19CSS列表圓角,在四個(gè)角使用了圖片,使用圖片的好處是兼容性好,在火狐、IE下均有良好表現(xiàn),而且代碼也很少,學(xué)習(xí)CSS的朋友不妨把本代碼作為一個(gè)實(shí)例來(lái)學(xué)習(xí),了解用CSs布局圖片的核心。 -
預(yù)覽圖片友情鏈接滾動(dòng),橫向,帶控制按鈕
2012-11-19超不錯(cuò)的圖片友情鏈接滾動(dòng)特效,橫向排列,帶控制按鈕,這里已經(jīng)將橫向鎖定,不能將其修改為豎向的,否則會(huì)出錯(cuò),專一用于橫排的圖片滾動(dòng),也可以不用作友情鏈接,產(chǎn)品滾動(dòng)當(dāng)然也可以哦. -
預(yù)覽Js模仿水波滑動(dòng)效果圖片輪顯代碼
2012-11-19這是一個(gè)圖片切換特效的代碼,基本是用Javascript實(shí)現(xiàn)的,在圖片切換過(guò)程中,采用類似水波蕩蕩的動(dòng)畫(huà)效果,給人生動(dòng)的新體驗(yàn),本代碼還有部分后續(xù)工作需完善,僅寫(xiě)出了核心的功能,希望學(xué)習(xí)JavaScript的朋友參考一下,多提寶貴意見(jiàn)。 -
預(yù)覽JS圖片切換,帶縮略圖版
2012-11-19JavaScript圖片切換,帶縮略圖版,5屏圖片幻燈,其實(shí)更多一些圖片也是可以的,你只需更改數(shù)組就行,不過(guò)要對(duì)布局做些調(diào)整。 -
預(yù)覽純CSS實(shí)現(xiàn)鼠標(biāo)移上圖片添加陰影效果
2012-11-19這個(gè)效果挺實(shí)用,當(dāng)把鼠標(biāo)放到一幅靜止的圖片上,圖片的四周邊框會(huì)出現(xiàn)陰影,具有立體感的效果,代碼是第二次修正,能適應(yīng)大小不同的圖片,值得大家嘗試一用哦。 -
預(yù)覽Flickr照片分享網(wǎng)的圖片預(yù)覽特效
2012-11-18Flickr照片分享網(wǎng)的圖片預(yù)覽特效,使用了jquery插件,貌似很不錯(cuò)的效果。鼠標(biāo)放到圖片上,圖片會(huì)縮小,像是鏡頭從近拉遠(yuǎn)的感覺(jué),是Flickr著名照片分享網(wǎng)上邊的一個(gè)效果,那些大網(wǎng)站有不少網(wǎng)頁(yè)特效都不錯(cuò),挺實(shí)用,大家有空也多去瞧瞧哦。 -
預(yù)覽JavaScript 控制圖片改變重疊順序
2012-11-18JavaScript實(shí)例,通過(guò)控制Html網(wǎng)頁(yè)元素,來(lái)控制圖片的重疊順序,鼠標(biāo)移上某一張,那一張就顯示在最前面,移動(dòng)到最后層,它會(huì)顯示在最前,有意思吧,其實(shí)挺簡(jiǎn)單。
- 相關(guān)鏈接:
- 欄目說(shuō)明:
圖片特效:提供了大量與圖片特效相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找圖片特效的最佳選擇。