之前做了一个滑动展示大图片的demo&＃xff0c;之后在大神博客发现大神也做过一个类似的插件。
于是把插件摘了下来研究了一下。
改动了插件显示文本的部分并增加了一点注释。效果比我的好用。
点击看效果demo
插件源码如下&＃xff1a;
"&＃43;$(this).attr(&＃39;title&＃39;)&＃43;" "&＃43;$(this).text()&＃43;"(function($){$.fn.preview &＃61; function(){var xOffset &＃61; 10; //横向偏移量var yOffset &＃61; 20; //纵向偏移量var w &＃61; $(window).width(); //页面宽度$(this).each(function(){$(this).hover(function(e){//检测图片和文字来生成不同的容器if(/.png$|.gif$|.jpg$|.bmp$/.test($(this).attr("href"))){$("body").append("
demo源码如下
图片放大显示的jQuery插件演示页面
效果图如下
京公网安备 11010802041100号