Jquery兩款原圖放大插件收藏

1:Zoom Image Rollover

官方網站：http://bugsoftware.co.uk/jQuery/ZoomImgRollover/

demon code

<script type="text/javascript" src="jquery-1.4.3.js"></script>

<script type="text/javascript" src="jquery.zoomImgRollover.js"></script>

<script type="text/javascript">

$(function(){

jQuery('img').zoomImgRollover();

});

</script>

<img src="6e6e0a01b3b2fc290208818c.jpg" width="300" height="400" />

2:AnythingZoomer

這個插件不只能放大圖片還能放大文字。（其實就是兩張圖片，或兩段文字的切換）。

官方網站：http://css-tricks.com/examples/AnythingZoomer/

demon code

<script type="text/javascript"  src="jquery.min.js"></script>

<script type="text/javascript"  src="zoomer.jquery.js"></script>

<script type="text/javascript">

//最簡單的調用方法  wrap爲外層div的id

$(function() {

$("#wrap").anythingZoomer({

expansionSize: 30,

speedMultiplier: 1.5

});

});

//具體請參見官方文檔

由天津網站建設，天津SEO提供，緣點提示您，AnythingZoomer很是強大，尤爲是文字放大時，很實用！