-
預(yù)覽CSS放大圖片(放大鏡)
2012-12-30CSS放大圖片,鼠標(biāo)經(jīng)過放大圖片,有的人把它稱為放大鏡效果。實(shí)現(xiàn)方法是:先定義一個(gè)圖片列表,可以不設(shè)置圖片的長(zhǎng)寬,此時(shí)圖片默認(rèn)顯示大小,然后定義此圖片hover屬性,也就是鼠標(biāo)放上后的變化,這里我們定義圖片的長(zhǎng)寬要稍大于圖片原始大小,這樣這種功能就完成了,具 -
預(yù)覽來自百度的圖片切換特效
2012-12-30來自百度聯(lián)盟的一款圖片切換特效,每幅圖片淡入淡出切換,美觀大方,修改圖片地址、鏈接地址,說明文字都很方便,代碼中有詳細(xì)注釋,推薦使用。 -
預(yù)覽不間斷JS圖片滾動(dòng)
2012-12-28不間斷JS圖片滾動(dòng),不是CSS的,圖片走馬燈,很不錯(cuò),平滑的圖片滾動(dòng)效果。 -
預(yù)覽JS彈性圖片拖動(dòng)特效
2012-12-28很有意思的一個(gè)JavaScript代碼段,鼠標(biāo)怎么也甩不掉圖片,像彈簧一樣越甩越遠(yuǎn),但就是甩不掉,用好了這一技巧,你就能做出很多漂亮的效果來。 -
預(yù)覽用CSS控制圖片半透明效果
2012-12-28用純CSS代碼實(shí)現(xiàn)一幅圖片的半透明效果,你可以運(yùn)行一下代碼看看效果怎么樣?可以看到圖片和文字都有半透明的效果,這里只是對(duì)圖片進(jìn)行控制,當(dāng)改變圖片透明度的時(shí)候,當(dāng)然也就感覺文字的透明度也改變了,確實(shí)不錯(cuò)。 -
預(yù)覽CSS強(qiáng)制圖片自適應(yīng)寬度大小
2012-12-23用CSS代碼的expression屬性強(qiáng)制改變網(wǎng)頁(yè)圖片的原有大小,以自適應(yīng)大小而不影響網(wǎng)頁(yè)布局,測(cè)試圖片為模板無憂LOGO,你可以試著著更改寬度值,以查看顯示效果。 -
預(yù)覽JavaScript等比例縮放圖片
2012-12-23js等比例縮放圖片,這個(gè)功能非常實(shí)用,當(dāng)網(wǎng)頁(yè)加載一個(gè)尺寸比較大的圖片時(shí),往往會(huì)把一個(gè)網(wǎng)頁(yè)撐的變形,頁(yè)面變得很難看,于是我們就想到了用JS去控制超出一定范圍的圖片,以穩(wěn)定頁(yè)面布局,本代碼段就是完成了此功能,而且代碼非常簡(jiǎn)潔,效果很好,你可以運(yùn)行代碼看下效果 -
預(yù)覽圖形循環(huán)漸顯腳本
2012-12-23圖形循環(huán)漸顯腳本 -
預(yù)覽JavaScript判斷遠(yuǎn)程圖片是否存在
2012-12-20用JavaScript判斷遠(yuǎn)程圖片是否存在,不存在話則替換指定的圖片,指定圖片可以是你網(wǎng)站的LOGO或其它圖片,或顯示提示信息。沒想到用JS還能干這種活,以前都是用笨方法,也就是用ASP/PHP程序去判斷,這下可好了,省了很多事。 -
預(yù)覽JS圖片溶解出現(xiàn)的特效
2012-12-20JavaScript圖片溶解出現(xiàn)的特效,也可以說是漸隱漸出,在很多圖片切換效果中可以看到這種效果,因些可以很好的用到圖片轉(zhuǎn)場(chǎng)切換功能中。看了之后才發(fā)覺,原來實(shí)現(xiàn)起來并不復(fù)雜。 -
預(yù)覽精美圖片滾動(dòng)
2012-12-19精美的JS圖片水平向左滾動(dòng),設(shè)計(jì)的比較好,看上去視覺效果很不錯(cuò)。 -
預(yù)覽圖片拖拉縮放效果(仿PHOTOSHOP)
2012-12-19圖片拖拉縮放效果(仿PHOTOSHOP),只是沒有PS那么強(qiáng)大,不過也湊合,可以拉,先學(xué)習(xí)一下吧。 -
預(yù)覽隨機(jī)背景圖片代碼
2012-12-19JavaScript隨機(jī)圖片特效,每次加載的圖片都不一樣,用做背景效果挺不錯(cuò),你可以在數(shù)組中多加幾張圖片,這樣隨機(jī)數(shù)就更廣闊一些,效果會(huì)更好,你可以刷新一下頁(yè)面看一下。 -
預(yù)覽JS圖片的漸隱漸現(xiàn)的代碼
2012-12-19讓一張圖片時(shí)隱時(shí)現(xiàn),像動(dòng)畫一樣,你可以自己修改下,只讓它漸現(xiàn)出來,不讓它消失,這樣網(wǎng)頁(yè)打開時(shí)它也會(huì)隨著慢慢顯示出來,很個(gè)性吧? -
預(yù)覽給一個(gè)圖片加上CSS邊框特效
2012-12-19這段代碼適合給CSS新手朋友看,有助于理解CSS中border屬性的應(yīng)用,這種實(shí)現(xiàn)效果實(shí)際上是給內(nèi)層的IMG標(biāo)簽設(shè)置border屬性,然后在外層包圍的A標(biāo)簽同樣設(shè)置一個(gè)border邊框?qū)傩裕瑢⑵鋵挾仍O(shè)置寬一點(diǎn),比較簡(jiǎn)單的效果。 -
預(yù)覽163游戲頻道圖片翻頁(yè)代碼
2012-12-17JavaScript配合CSS完成仿163游戲頻道的圖片翻頁(yè)效果,每一第切換有淡入淡出的效果。 -
預(yù)覽很炫的JS圖片光照漸變效果
2012-12-17這個(gè)效果很炫,用JavaScript實(shí)現(xiàn)的圖片光照特效,代碼雖不多,但效果非凡。使用時(shí)如果你選擇的圖片合適的話,那效果會(huì)更酷,這里的原理是,用JS控制圖片的css屬性在短時(shí)間內(nèi)迅速切換,改變LightStrength,這樣將其連續(xù)起來,就像是太陽(yáng)光在照射一樣。 -
預(yù)覽經(jīng)典的圖片切換
2012-12-17一個(gè)比較經(jīng)典的JavaScript圖片輪番切換代碼,使用相當(dāng)方便,圖片列表完全可以由你從數(shù)據(jù)庫(kù)中取出,這使得你有可能將其布置到你的后臺(tái)管理程序中,比如可以適時(shí)從本地上傳圖片,由前臺(tái)程序讀出數(shù)據(jù)庫(kù)路徑,而不用更改JS代碼,這樣會(huì)方便很多。 -
預(yù)覽真正的JavaScript圖片淡入淡出特效
2012-12-17真正的淡入淡出圖片特效,完全JavaScript語(yǔ)言編寫,無可挑剔,可以組成一個(gè)多同圖片切換的單元功能,有興趣的朋友可以將圖片換成文字,應(yīng)該可行,因?yàn)楸敬a中的JS函數(shù)沒有指定只對(duì)IMAGE起效,可以一試。 -
預(yù)覽JavaScript圓形虛幻(羽化)效果
2012-12-17JavaScript圓形虛幻效果,跟PS里面的羽化效果有點(diǎn)像。
- 相關(guān)鏈接:
- 欄目說明:
圖片特效:提供了大量與圖片特效相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找圖片特效的最佳選擇。