欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

<sup id="kezii"><rt id="kezii"></rt></sup>

<cite id="kezii"><track id="kezii"><sub id="kezii"></sub></track></cite>

JavaScript圖片放大鏡效果代碼[代碼比較簡單]

更新時間：2011年02月12日 15:36:14 作者：

實用漂亮的放大鏡效果，基于JavaScript代碼實現(xiàn)，貌似代碼不太多，但效果確實不錯，因調(diào)用的圖片比較大，所以運行效果后請稍等一會，等待圖片加載。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> #div1 { width:304px; height:222px; position:relative; margin:30px auto 0px;} #div1 img{width:304px; height:222px;} #div1 span { width:100px; height:100px; background:red; left:0px;top:0px; position:absolute; display:none; filter:alpha(opacity:20); opacity:0.2;} .show { width:100%; height:100%; background:red; position:absolute; z-index:10px; filter:alpha(opacity:10); opacity:0.1; left:0px; top:0px; } #div2 {width:304px; height:222px; position:relative; display:none; overflow:hidden; margin:0px auto 0px;} #img1 { position:absolute;} </style> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JavaScript 圖片放大代碼</title>  </head> <body> <div   class="vvxyksv9kd"   id="div1"> <img src="http://img.jbzj.com/demoimg/201102/11_2_2.jpg" /> <span></span> <div   id="vvxyksv9kd"   class="show"></div> </div> <div   class="vvxyksv9kd"   id="div2"> <img id="img1" src="http://img.jbzj.com/demoimg/201102/11_2_2.jpg" /> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

圖片放大鏡

相關(guān)文章

電子商務(wù)網(wǎng)站上的常用的js放大鏡效果
電子商務(wù)網(wǎng)站經(jīng)常用到簡單模仿一下,需要的朋友可以參考下。
2011-12-12
javascript IE7 瀏覽器本地圖片預(yù)覽
在 IE6 中，可以很方便地利用 img 的 src 屬性，實現(xiàn)本地圖片預(yù)覽，然而在 IE7 中，這種辦法卻行不通。需要用 AlphaImageLoader
2009-03-03
非常不錯的子鼠滑動圖片效果 Javascript+CSS
一個效果如果沒有一個合理的布局，是很難作出來的，所以布局是非常重要的基礎(chǔ)！下邊的效果，是試著假設(shè)在布局我無法改的情況下，能過外邊的CSS或Javascript來實現(xiàn)一個滑動圖片效果！
2009-04-04
javascript 圖片放大縮小功能實現(xiàn)代碼
很早以前寫的一個效果，今天有時間了整理出來通過 Math.pow(x,y) 的“冪”運算來計算大小圖片放大縮小的尺寸
2011-07-07
javascript橢圓旋轉(zhuǎn)相冊實現(xiàn)代碼
支持自動和手動兩種模式：自動模式下自動旋轉(zhuǎn)展示，手動模式下通過鼠標選擇當前圖片，或通過提供的接口選擇上一張/下一張圖片
2012-01-01
img的onload的另類用法
2008-01-01
JavaScript 類似flash效果的立體圖片瀏覽器
這是一款比較有立體感的圖片瀏覽器，通過圖層定位技術(shù)z-index讓瀏覽器正在查看的圖片突顯出來，并讓兩邊的圖片呈現(xiàn)半透明狀態(tài)。很個性化哦！
2010-02-02
JavaScript國旗變換效果代碼
根據(jù)用戶選擇國家名詞，顯示對于的國家國旗
2008-08-08
$javascript入門·圖片對象(無刷新變換圖片)\滾動圖像$
javascript入門·圖片對象(無刷新變換圖片)\滾動圖像
javascript入門·圖片對象(無刷新變換圖片)\滾動圖像...
2007-10-10
真正的連續(xù)滾動圖片
真正的連續(xù)滾動圖片...
2006-09-09

最新評論