Jquery两款原图放大插件收藏

2019独角兽企业重金招聘Python工程师标准>>>

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非常强大，尤其是文字放大时，很实用！

转载于:https://my.oschina.net/u/151723/blog/23692