{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.xiaopingtou.cn//data/attach/topic/topicKPo7gB.jpg', '推荐 精铁城 的文章《编写JQuery插件示例》','https://www.xiaopingtou.net/article-61062.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
javascript:
$.fn.extend({
PhotoShowSilder:function(_box){
_box = _box || document;
var $ul = $("ul",_box);
var $li = $("li",$ul);
var img = $("#PhotoShow",_box);
var pic = $("#pic",_box);
var minheight = "60px";
var maxheight = (Math.ceil($li.length/3) * 60) + "px";
var isExp = false;
return this.each(function(){
var $this = $(this);
$this.click(function(event){
if(isExp){
pic.animate({
height: minheight
}, 600 );
//alert($this.attr("src"));
//alert(event.target.src);
$this.attr("src","resource/btn.gif");
isExp = false;
}
else{
pic.animate({
height: maxheight
}, 600 );
$this.attr("src","resource/btn-1.gif");
isExp = true;
}
});
});
}
});
(function($){
$(".PhotoShowSilder").PhotoShowSilder($(".productArea"));
})(jQuery);
html代码：
-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">
Content-Type" content="text/html; charset=UTF-8">
X-UA-Compatible" content="IE=EmulateIE7">
我的订单
resource/css.css" rel="stylesheet" type="text/css">
class="cols_manage">
注意：引入的自定义插件js，要加上defer关键字
$.fn.extend({
PhotoShowSilder:function(_box){
_box = _box || document;
var $ul = $("ul",_box);
var $li = $("li",$ul);
var img = $("#PhotoShow",_box);
var pic = $("#pic",_box);
var minheight = "60px";
var maxheight = (Math.ceil($li.length/3) * 60) + "px";
var isExp = false;
return this.each(function(){
var $this = $(this);
$this.click(function(event){
if(isExp){
pic.animate({
height: minheight
}, 600 );
//alert($this.attr("src"));
//alert(event.target.src);
$this.attr("src","resource/btn.gif");
isExp = false;
}
else{
pic.animate({
height: maxheight
}, 600 );
$this.attr("src","resource/btn-1.gif");
isExp = true;
}
});
});
}
});
(function($){
$(".PhotoShowSilder").PhotoShowSilder($(".productArea"));
})(jQuery);
html代码：
-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">
Content-Type" content="text/html; charset=UTF-8">
X-UA-Compatible" content="IE=EmulateIE7">
class="wrapper">
class="productArea">
resource/btn.gif" class="PhotoShowSilder" alt="">
- class="product-ul" id="pic">
-
http://item.vancl.com/0107419.html" target="_blank">
-
http://item.vancl.com/0167048.html" target="_blank">
-
http://item.vancl.com/0167871.html" target="_blank">
-
http://item.vancl.com/0168121.html" target="_blank">
-
http://item.vancl.com/0169832.html" target="_blank">
-
http://item.vancl.com/0107419.html" target="_blank">
-
http://item.vancl.com/0167048.html" target="_blank">
-
http://item.vancl.com/0167871.html" target="_blank">
-
http://item.vancl.com/0168121.html" target="_blank">
-
http://item.vancl.com/0169832.html" target="_blank">
-
http://item.vancl.com/0107419.html" target="_blank">
-
http://item.vancl.com/0167048.html" target="_blank">
-
http://item.vancl.com/0167871.html" target="_blank">
-
http://item.vancl.com/0168121.html" target="_blank">
-
http://item.vancl.com/0169832.html" target="_blank">
-
http://item.vancl.com/0107419.html" target="_blank">
-
http://item.vancl.com/0167048.html" target="_blank">
-
http://item.vancl.com/0167871.html" target="_blank">
-
http://item.vancl.com/0168121.html" target="_blank">
-
http://item.vancl.com/0169832.html" target="_blank">
注意：引入的自定义插件js，要加上defer关键字