這里我們介紹一款jquery插件 – melens。如果大家需要讓有興趣的用戶查看更清晰的圖片，放大鏡效果往往是不錯的選擇。
主要特性
?支持同一頁面多個實例
?支持放大鏡的邊框類型（圓形或者矩形）
?支持修改邊框顏色
?支持修改邊框大小（矩形可支持圓角）
如何使用
倒入類庫代碼：
<script type=“text/javascript” src=“js/jquery-1.8.2.min.js”>script>
<script type=“text/javascript” src=“js/jquery.mlens-1.0.js”>script>
生成放大鏡效果代碼：
$（“#green_monster”）.mlens（ {
imgsrc： $（“#green_monster”）.attr（“data-big”），
lensshape： “circle”，
lenssize： 180，
bordersize： 4，
bordercolor： “#fff”
}）;
html代碼：
<div id=“green_wrapper”>
<img id=“green_monster” src=“images/greenmonster_640px.jpg” alt=“green monster graffiti by kotzian” data-big=“images/greenmonster_1280px.jpg” />
div>
以上代碼中，當用戶將鼠標移動到圖片后，會加載data-big定義的大圖片，生成放大鏡效果。
是不是非常不錯，希望大家喜歡這個插件！

網站不僅僅是要眼球效應,還有更重要的使用性
搜索引擎蜘蛛抓取失敗的幾個原因
企業網站制作如何顛覆傳統帶來全新的用戶體驗
如何掌握網站建設需要哪些知識
網站定位的含義與詳解
達州網站建設需要多少費用詳解
網站建設的趨勢
家裝網站建設，家居網站建設怎么做