網(wǎng)頁中的各種JS神奇效果,有源碼,有圖片,可直接拿進(jìn)自己項(xiàng)目中用。很炫的特效例子,不錯(cuò)的學(xué)習(xí)資源,非常值得學(xué)習(xí),不過具體使用的時(shí)候還學(xué)要進(jìn)行美化
部分特效說明:
JavaScript效果
豎向圖片滾動(dòng)
JS滾動(dòng)圖片功能代碼
騰訊QQ網(wǎng)站的Js圖片切換
圖片點(diǎn)擊后變灰色的CSs代碼
圖片控制內(nèi)容框的文字上下翻滾
圖片雷達(dá)效果,像光照一樣
圖片閃爍代碼
圖片拖拉縮放效果(仿PHOTOSHOP)
CSS制作的類似相冊(cè)瀏覽的功能圖片圍成環(huán)形滾動(dòng),有空間感
Javascript仿Flash圖片輪翻圖片型不規(guī)則菜單的CSs實(shí)現(xiàn)
JavaScript生成彈性透明的圖片放大代碼圖片旋轉(zhuǎn)構(gòu)成3D圓環(huán)的展示特效
JavaScript圖片滾動(dòng)(絕對(duì)酷)圖片友情鏈接滾動(dòng),橫向,帶控制按鈕
JavaScript由左向右的圖片漸變過渡網(wǎng)站首頁js幻燈片代碼
JavaScript動(dòng)態(tài)控制圖片透明度的變化向上翻動(dòng)的內(nèi)容切換示例
JavaScript改變圖片透明度,鼠標(biāo)放上漸漸顯示像彈簧一樣抖動(dòng)的橫向圖片滾動(dòng)
JavaScript圖片放大用CSS實(shí)現(xiàn)圖片的雙邊框效果
JavaScript圖片特效有點(diǎn)炫的JavaScript立體圖片展示
JavaScript圖片預(yù)加載代碼,顯示loading右下角隨機(jī)顯示的JS圖片廣告
JavaScript真正的鼠標(biāo)放上動(dòng)畫加載大圖的在圖片上單擊獲取圖片原始大小
JS+CSS給圖片加上鼠標(biāo)滑過的方框自動(dòng)播放——Js幻燈片緩沖效果
JS點(diǎn)擊小圖預(yù)覽大圖(仿淘寶)自寫Js+CSS輪顯效果
JS放大鏡,JavaScript圖片放大代碼最簡(jiǎn)的JavaScript鼠標(biāo)經(jīng)過切換圖片
JS卡通圖片切換左右切換鼠標(biāo)可控的無縫圖片滾動(dòng)代碼
JS圖片滾動(dòng)代碼(無縫、平滑)
Js圖片連續(xù)左右滾動(dòng)
JS圖片切換,帶縮略圖版
Js拖動(dòng)特效,一串水晶球(很強(qiáng)大)
按比例縮放圖片,JavaScript代碼
超漂亮Js+css圖片幻燈切換
純CSS代碼實(shí)現(xiàn)的圖片列表滾動(dòng)
純CSS實(shí)現(xiàn)鼠標(biāo)移上圖片添加陰影效果
從兩側(cè)向中間拼合的JavaScript圖片切換效果
大幅JS焦點(diǎn)圖切換
動(dòng)態(tài)的Loading文字,逐個(gè)變大
仿265網(wǎng)站LOGO,會(huì)盯著你看的眼睛
浮動(dòng)的圖片廣告
根據(jù)鼠標(biāo)放上切換內(nèi)容制作的圖片導(dǎo)航
規(guī)定區(qū)域的JS拖動(dòng)展示效果
很有意思的圖片分裂復(fù)制效果
禁止在圖片上使用右鍵
經(jīng)典的圖片切換
可控的縱向圖片滾動(dòng)
亮麗的JS圖片漸變導(dǎo)航
馬賽克效果的JS圖片切換代碼
美化過的勻速圖片滾動(dòng)
平滑圖片滾動(dòng)
前后輪翻的JS圖片幻燈切換
清爽簡(jiǎn)潔的圖片交替導(dǎo)航效果
鼠標(biāo)放到圖片上會(huì)滑出提示文字
鼠標(biāo)滑過,縮略圖放大顯示(純CSS)
鼠標(biāo)經(jīng)過圖片時(shí)顯示半透明文字,邊框變色
鼠標(biāo)經(jīng)過圖片由灰色變彩色
鼠標(biāo)移上圖片,變換出大圖片