jQ图标嵌套悬浮动画js代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 jQ图标嵌套悬浮动画js代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0" />
<title>jQuery图标嵌套悬浮动画</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="css/mate.hover.css" type="text/css" />
<link rel="stylesheet" href="css/demo.css" type="text/css" />
<link rel="stylesheet" media="only screen and (min-width:50px) and (max-width: 500px)" href="css/screen_small.css" />
<!--[if lt IE 9]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<script type="text/javascript" src='js/jquery-1.9.1.min.js'></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.mate-hover.1-1-min.js" type="text/javascript"></script>


<script type="text/javascript">

$(window).load(function(){

$('[data-zlname = test]').mateHover({
	position: 'x',
	overlayStyle: 'classic',
	overlayOpacity: 0.7,
    popupEasing: 'easeOutQuint'
});
$('[data-zlname = test-reverse]').mateHover({
	position: 'x-reverse',
	overlayStyle: 'classic',
	overlayOpacity: 0.7,
    popupEasing: 'easeOutQuint'
});
$('[data-zlname = test2]').mateHover({
	position: 'y',
	overlayStyle: 'rolling',
	overlayBg: '#fff',
	overlayOpacity: 0.7,
	overlayEasing: 'easeOutCirc',
	rollingPosition: 'top',
	popupEasing: 'easeOutBack',
	popup2Easing: 'easeOutBack'
});
$('[data-zlname = test2-reverse]').mateHover({
	position: 'y-reverse',
	overlayStyle: 'rolling',
	overlayBg: '#fff',
	overlayOpacity: 0.7,
	overlayEasing: 'easeOutCirc',
	rollingPosition: 'top',
	popupEasing: 'easeOutBack',
	popup2Easing: 'easeOutBack'
});
$('[data-zlname = test3]').mateHover({
	position: 'x+i',
	overlayStyle: 'rolling',
	overlayBg:'#e13030',
	overlayOpacity: 0.6,
	overlayEasing: 'easeOutCirc',
	rollingPosition: 'bottom'
	
});
$('[data-zlname = test4]').mateHover({
	position: 'y+i',
	overlayStyle: 'rolling',
	overlayOpacity: 0.8,
	overlayBg:'url(css/img/bg_overlay.png)',
	rollingPosition: 'left',
	overlayEasing: 'easeOutCirc',
    overlaySpeedOut: 800,
	popupEasing: 'easeOutBounce',
	popup2Easing: 'easeOutBounce'
});
$('[data-zlname = test5]').mateHover({
	position: 'y+i',
	overlayStyle: 'rolling',
	overlayOpacity: 1,
	overlayBg:'url(css/img/bg_overlay2.png)',
	rollingPosition: 'right',
	popupEasing: 'easeOutBack'
});
$('[data-zlname = test6]').mateHover({
	position: 'x+i-reverse',
	overlayStyle: 'double',
	doublePosition: 'vertical',
	overlayOpacity: 1,
	overlayBg: '#4380fc'
});
$('[data-zlname = test7]').mateHover({
	position: 'y+i',
	overlayStyle: 'double',
	overlayEasing: 'easeOutBounce',
	doublePosition: 'horizontal',
	popupEasing: 'easeOutBounce'
});
$('[data-zlname = test8]').mateHover({
	position: 'y+i',
	overlayBg: '#fff',
	overlayOpacity: 0.5,
	overlayStyle: 'four'
});
$('[data-zlname = test8-reverse]').mateHover({
	position: 'y+i-reverse',
	overlayBg: '#fff',
	overlayOpacity: 0.5,
	overlayStyle: 'four'
});
$('[data-zlname = test9]').mateHover({
	position: 'x',
	overlayStyle: 'four',
	overlayEasing: 'easeOutBounce',
	fourSpeedIn0:400,   // 1
    fourSpeedOut0:400,   // 1
    fourSpeedIn1:900,   // 2
    fourSpeedOut1:900,   // 2
    fourSpeedIn2:500,   // 3
    fourSpeedOut2:500,   // 3
    fourSpeedIn3:800,   // 4
    fourSpeedOut3:800,
    overlayBg:'url(css/img/bg_overlay.png)',
    popupEasing:'easeInOutQuart'
});
});



</script>
<style type="text/css">

</style>

</head>
<body>
<div class="page">
<div class="container_p"><!-- container open -->






<div class="column">
<div class="info">
	Overlay Classic, Pop Up Position: x

<div data-zlname="test">
	<img src="images/classic.jpg">
	<div data-zl-popup="link">
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id diam 
		eros. Nunc sit amet velit lacus, sed accumsan dolor. Ut luctus massa eu 
		odio porta bibendum. Aliquam erat volutpat
	</div>
</div><!-- test close -->

</div><!-- demo info close -->

<div class="info">
	Overlay Rolling(top), Pop Up Position: y

<div data-zlname="test2">
	<img src="images/social.jpg">
	<a data-zl-popup="link" href="#"></a>
	<a data-zl-popup="link2" href="#"></a>
</div><!-- test close -->

</div><!-- demo info close -->

<div class="info">
	Overlay Rolling(bottom), Pop Up Position: x+i

<div data-zlname="test3">
	<img src="images/level.jpg">
	<a data-zl-popup="link" href="#"></a>
</div><!-- test close -->

</div><!-- demo info close -->

</div><!-- column close -->

<div class="column">
<div class="info">
	Overlay Rolling(left), Pop Up Position: y+i

<div data-zlname="test4">
	<img src="images/vote.jpg">
	<a data-zl-popup="link" href="#"></a>
	<a data-zl-popup="link2" href="#"></a>
</div><!-- test close -->

</div><!-- demo info close -->

<div class="info">
	Overlay Rolling(right), Pop Up Position: y+i

<div data-zlname="test5">
	<img src="images/log.jpg">

	<div data-zl-popup="link">
		<input type="text" value="Login...">
		<input type="text" value="Password...">
		<input type="submit" value="Log In" class="sub_zl">
	</div>
</div><!-- test close -->

</div><!-- demo info close -->

<div class="info">
	Overlay Double(vertical), Pop Up Position: x+i

<div data-zlname="test6">
	<img src="images/metro.jpg">
	<a data-zl-popup="link" href="#">Photo</a>
	<a data-zl-popup="link2" href="#">Audio</a>
</div><!-- test close -->

</div><!-- demo info close -->

</div><!-- column close -->

<div class="column">

<div class="info">
	Overlay Four, Pop Up Position: y+i

<div data-zlname="test8">
	<img src="images/snow.jpg">
	<a data-zl-popup="link" href="#"></a>
</div><!-- test close -->

</div><!-- demo info close -->

<div class="info">
	Overlay Double(horizontal), Pop Up Position: y+i

<div data-zlname="test7">
	<img src="images/dynamic2.jpg">
	<a data-zl-popup="link" href="#"></a>
</div><!-- test close -->

</div><!-- demo info close -->

<div class="info">
	Overlay Four, Pop Up Position: x

<div data-zlname="test9">
	<img src="images/dynamic.jpg">
	<a data-zl-popup="link" href="#"></a>
	<a data-zl-popup="link2" href="#"></a>
</div><!-- test close -->

</div><!-- demo info close -->

</div><!-- column close -->

<div class="column">

<div class="info">
	Overlay Rolling(top), Pop Up Position: y-reverse

<div data-zlname="test2-reverse">
	<img src="images/social.jpg">
	<a data-zl-popup="link" href="#"></a>
	<a data-zl-popup="link2" href="#"></a>
</div><!-- test close -->

</div><!-- demo info close -->

<div class="info">
	Overlay Four, Pop Up Position: y+i-reverse

<div data-zlname="test8-reverse">
	<img src="images/snow.jpg">
	<a data-zl-popup="link" href="#"></a>
</div><!-- test close -->

</div><!-- demo info close -->

<div class="info">
	Overlay Classic, Pop Up Position: x-reverse

<div data-zlname="test-reverse">
	<img src="images/classic.jpg">
	<div data-zl-popup="link">
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id diam 
		eros. Nunc sit amet velit lacus, sed accumsan dolor. Ut luctus massa eu 
		odio porta bibendum. Aliquam erat volutpat
	</div>
</div><!-- test close -->

</div><!-- demo info close -->

</div><!-- column close -->

<div class="clear-fix"></div>

</div><!-- container close-->
</div><!-- page close -->
</body>
</html>

JS代码(jquery.mate-hover.1-1-min.js):

eval(function(p,a,c,k,e,r){
	e=function(c){
	return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))}
;
	if(!''.replace(/^/,String)){
	while(c--)r[e(c)]=k[c]||e(c);
	k=[function(e){
	return r[e]}
];
	e=function(){
	return'\\w+'}
;
	c=1}
;
	while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);
	return p}
(';
	(D($,21,2I,38){
	R 1D=\'35\',2c={
	2C:\'32\',2B:\'1T\',1s:\'y\',U:\'E\',1c:\'c\',2a:\'2b\',2T:2u,2W:2u,2S:1t,3c:1t,33:2r,30:2r,2Z:1t,3s:1t,1B:\'#2P\',1q:27,1o:27,H:0.4,1w:\'3g\',26:3e,20:27,1z:\'2x\',29:10,2z:1t,2A:1t,24:\'2x\'}
;
	D 15(n,8){
	5.n=$(n);
	R 6=5;
	5.8=$.3j({
}
,2c,8);
	5.31=2c;
	5.2Y=1D;
	5.2F(6)}
;
	15.1x.1Y=D(){
	R 6=5;
	5.1U=5.n.14(\'1U\');
	5.z=5.n.2t(\'[j-r-z]\');
	5.2N=5.1U.2M();
	5.2J=5.1U.2G();
	h(5.8.2C===\'1T\'){
	5.n.l({
	\'1v\':5.2N,\'1y\':5.2J}
)}
;
	h(5.8.2B===\'1T\'){
	5.K=5.n.2M();
	5.w=5.n.2G()}
o{
	5.K=5.n.1v();
	5.w=5.n.1y()}
;
	5.18=5.K*2;
	5.19=5.w*2;
	5.1K=5.K/2;
	5.1L=5.w/2;
	5.2D=5.K/4;
	5.3i=5.w/4;
	5.2e=5.z.2f();
	5.1Z=5.z.22();
	5.P=5.2e*2;
	5.O=5.1Z*2;
	5.1a=5.1K-5.2e/2;
	5.1b=5.1L-5.1Z/2;
	5.2i=5.z.3d;
	5.9=0;
	h(5.2i>1){
	5.9=1;
	5.12=5.z.2w(0);
	5.1d=5.z.2w(1);
	5.1F=5.12.2f();
	5.1J=5.1d.2f();
	5.2g=5.12.22();
	5.1X=5.1d.22();
	5.11=5.1F*2;
	5.Z=5.2g*2;
	5.Q=5.1J*2;
	5.Y=5.1X*2;
	5.1f=5.1K-5.1F/2-5.1J/2-5.8.29;
	5.17=5.1L-5.2g/2;
	5.1h=5.1K-5.1J/2-5.1F/2-5.8.29;
	5.1i=5.1L-5.1X/2}
;
	5.B={
	1E:{
}
,1j:{
}
}
;
	5.B.1E[5.8.1c]=(5.8.1c===\'c\'||5.8.1c===\'k\')?-5.w-10:-5.K-10;
	5.B.1j[5.8.1c]=0;
	5.q={
	1g:{
}
,1k:{
}
,1j:{
}
,A:{
	1l:{
}
,1m:{
}
}
}
;
	5.1n={
	A:{
	1l:{
}
,1m:{
}
}
}
;
	h(5.8.2a===\'2b\'){
	5.q.1g[\'c\']=-5.w;
	5.q.1k[\'k\']=-5.w;
	5.q.1j[\'e\']=0;
	5.q.1g[\'1y\']=\'1N%\';
	5.q.1g[\'1v\']=\'1p%\';
	5.q.1k[\'1y\']=\'1N%\';
	5.q.1k[\'1v\']=\'1p%\';
	5.q.A.1l[\'c\']=0;
	5.q.A.1m[\'k\']=0;
	5.1n.A.1l[\'c\']=-5.w;
	5.1n.A.1m[\'k\']=-5.w}
o{
	5.q.1g[\'e\']=-5.K;
	5.q.1k[\'m\']=-5.K;
	5.q.1j[\'c\']=0;
	5.q.1g[\'1y\']=\'1p%\';
	5.q.1g[\'1v\']=\'1N%\';
	5.q.1k[\'1y\']=\'1p%\';
	5.q.1k[\'1v\']=\'1N%\';
	5.q.A.1l[\'e\']=0;
	5.q.A.1m[\'m\']=0;
	5.1n.A.1l[\'e\']=-5.K;
	5.1n.A.1m[\'m\']=-5.K}
;
	h(5.8.U===\'G\'){
	5.1r={
	1G:{
}
,1H:{
}
}
;
	1I(R 1e=0;
	1e<=3;
	1e++){
	5.1r.1G[\'13\'+1e]=5.8[\'2Q\'+1e];
	5.1r.1H[\'13\'+1e]=5.8[\'2R\'+1e]}
}
;
	J(5.8.1s){
	b\'y\':5.V(\'y\',5.9);
	a;
	b\'y-f\':5.V(\'y-f\',5.9);
	a;
	b\'x\':5.V(\'x\',5.9);
	a;
	b\'x-f\':5.V(\'x-f\',5.9);
	a;
	b\'y+i\':5.V(\'y+i\',5.9);
	a;
	b\'y+i-f\':5.V(\'y+i-f\',5.9);
	a;
	b\'x+i\':5.V(\'x+i\',5.9);
	a;
	b\'x+i-f\':5.V(\'x+i-f\',5.9);
	a;
	2q:2p.2o(\'2n 1s 2m(3q 2l 2j)\');
	a}
;
	5.7={
}
;
	J(5.8.1s){
	b\'y\':5.N(\'y\',5.9);
	a;
	b\'y-f\':5.N(\'y-f\',5.9);
	a;
	b\'y+i\':5.N(\'y+i\',5.9);
	a;
	b\'y+i-f\':5.N(\'y+i-f\',5.9);
	a;
	b\'x\':5.N(\'x\',5.9);
	a;
	b\'x+i\':5.N(\'x+i\',5.9);
	a;
	b\'x-f\':5.N(\'x-f\',5.9);
	a;
	b\'x+i-f\':5.N(\'x+i-f\',5.9);
	a;
	2q:2p.2o(\'2n 1s 2m(2U 2l 2j)\');
	a}
;
	R X,1V,1W;
	(5.8.1c===\'c\'||5.8.1c===\'k\')?1V=\'e\':1V=\'c\';
	(5.8.2a===\'2b\')?1W=\'e\':1W=\'c\';
	5.n.2t(\'[j-r-2h],[j-r-2d],[j-r-2y],[j-r-2k],[j-r-34],[j-r-36],[j-r-37],[j-r-39]\').3a();
	J(5.8.U){
	b\'E\':X=$(\'<16 j-r-2h="1S\'+6.n.1R(\'j-1Q\')+\'"></16>\').l(\'1P\',6.8.1B);
	6.n.1O(X);
	a;
	b\'G\':1I(R 1C=0;
	1C<=3;
	1C++){
	X=$(\'<16 j-r-2s\'+1C+\'="1S\'+6.n.1R(\'j-1Q\')+\'"></16>\').l({
	\'1P\':6.8.1B,\'c\':-5.w,\'e\':5.2D*1C}
).1M(1p,5.8.H);
	6.n.1O(X)}
;
	a;
	b\'L\':X=$(\'<16 j-r-2d="1S\'+6.n.1R(\'j-1Q\')+\'" 2v="1P:\'+6.8.1B+\';
	\'+1V+\':0;
	"></16>\').l(5.B.1E).1M(1p,5.8.H);
	6.n.1O(X);
	a;
	b\'M\':1I(R 1A=0;
	1A<=1;
	1A++){
	X=$(\'<16 j-r-2V\'+1A+\'="1S\'+6.n.1R(\'j-1Q\')+\'" 2v="1P:\'+6.8.1B+\';
	\'+1W+\':0;
	"></16>\').l(5.q[\'1s\'+1A]).1M(1p,5.8.H);
	6.n.1O(X)}
;
	a}
}
;
	15.1x.V=D(d,9){
	h(d===\'y\'&&9===0||d===\'y+i\'&&9===0){
	5.z.l({
	\'e\':5.1a,\'c\':-5.O}
)}
o h(d===\'y-f\'&&9===0||d===\'y+i-f\'&&9===0){
	5.z.l({
	\'e\':5.1a,\'k\':-5.O}
)}
o h(d===\'x-f\'&&9===0||d===\'x+i-f\'&&9===0){
	5.z.l({
	\'c\':5.1b,\'m\':-5.P}
)}
o h(d===\'x\'&&9===0||d===\'x+i\'&&9===0){
	5.z.l({
	\'c\':5.1b,\'e\':-5.P}
)}
o h(d===\'y\'&&9===1||d===\'y+i\'&&9===1){
	5.12.l({
	\'e\':5.1f,\'c\':-5.Z}
);
	5.1d.l({
	\'m\':5.1h,\'c\':-5.Y}
)}
o h(d===\'y-f\'&&9===1||d===\'y+i-f\'&&9===1){
	5.12.l({
	\'e\':5.1f,\'k\':-5.Z}
);
	5.1d.l({
	\'m\':5.1h,\'k\':-5.Y}
)}
o h(d===\'x-f\'&&9===1||d===\'x+i-f\'&&9===1){
	5.12.l({
	\'c\':5.17,\'m\':-5.11}
);
	5.1d.l({
	\'c\':5.1i,\'e\':-5.Q}
)}
o h(d===\'x\'&&9===1||d===\'x+i\'&&9===1){
	5.12.l({
	\'c\':5.17,\'e\':-5.11}
);
	5.1d.l({
	\'c\':5.1i,\'m\':-5.Q}
)}
}
;
	15.1x.N=D(d,9){
	h(d===\'y\'&&9===0){
	5.7.t={
	c:5.1b}
,5.7.u={
	c:-5.O}
,5.7.s={
	\'g\':\'p\',\'c\':-5.O}
}
o h(d===\'y-f\'&&9===0){
	5.7.t={
	k:5.1b}
,5.7.u={
	k:-5.O}
,5.7.s={
	\'g\':\'p\',\'k\':-5.O}
}
o h(d===\'y+i-f\'&&9===0){
	5.7.t={
	k:5.1b}
,5.7.u={
	k:5.19}
,5.7.s={
	\'g\':\'p\',\'k\':-5.O}
}
o h(d===\'y+i\'&&9===0){
	5.7.t={
	c:5.1b}
,5.7.u={
	c:5.19}
,5.7.s={
	\'g\':\'p\',\'c\':-5.O}
}
o h(d===\'x\'&&9===0){
	5.7.t={
	e:5.1a}
,5.7.u={
	e:-5.P}
,5.7.s={
	\'g\':\'p\',\'e\':-5.P}
}
o h(d===\'x+i\'&&9===0){
	5.7.t={
	e:5.1a}
,5.7.u={
	e:5.18}
,5.7.s={
	\'g\':\'p\',\'e\':-5.P}
}
o h(d===\'x-f\'&&9===0){
	5.7.t={
	m:5.1a}
,5.7.u={
	m:-5.P}
,5.7.s={
	\'g\':\'p\',\'m\':-5.P}
}
o h(d===\'x+i-f\'&&9===0){
	5.7.t={
	m:5.1a}
,5.7.u={
	m:5.18}
,5.7.s={
	\'g\':\'p\',\'m\':-5.P}
}
o h(d===\'y\'&&9===1){
	5.7.t={
	c:5.17}
,5.7.u={
	c:-5.Z}
,5.7.s={
	\'g\':\'p\',\'c\':-5.Z}
;
	5.7.W={
	c:5.1i}
,5.7.T={
	c:-5.Y}
,5.7.S={
	\'g\':\'p\',\'c\':-5.Y}
}
o h(d===\'y-f\'&&9===1){
	5.7.t={
	k:5.17}
,5.7.u={
	k:-5.Z}
,5.7.s={
	\'g\':\'p\',\'k\':-5.Z}
;
	5.7.W={
	k:5.1i}
,5.7.T={
	k:-5.Y}
,5.7.S={
	\'g\':\'p\',\'k\':-5.Y}
}
o h(d===\'y+i-f\'&&9===1){
	5.7.t={
	k:5.17}
,5.7.u={
	k:5.19}
,5.7.s={
	\'g\':\'p\',\'k\':-5.Z}
;
	5.7.W={
	k:5.1i}
,5.7.T={
	k:5.19}
,5.7.S={
	\'g\':\'p\',\'k\':-5.Y}
}
o h(d===\'y+i\'&&9===1){
	5.7.t={
	c:5.17}
,5.7.u={
	c:5.19}
,5.7.s={
	\'g\':\'p\',\'c\':-5.Z}
;
	5.7.W={
	c:5.1i}
,5.7.T={
	c:5.19}
,5.7.S={
	\'g\':\'p\',\'c\':-5.Y}
}
o h(d===\'x\'&&9===1){
	5.7.t={
	e:5.1f}
,5.7.u={
	e:-5.11}
,5.7.s={
	\'g\':\'p\',\'e\':-5.11}
;
	5.7.W={
	m:5.1h}
,5.7.T={
	m:-5.Q}
,5.7.S={
	\'g\':\'p\',\'m\':-5.Q}
}
o h(d===\'x-f\'&&9===1){
	5.7.t={
	m:5.1f}
,5.7.u={
	m:-5.11}
,5.7.s={
	\'g\':\'p\',\'m\':-5.11}
;
	5.7.W={
	e:5.1h}
,5.7.T={
	e:-5.Q}
,5.7.S={
	\'g\':\'p\',\'e\':-5.Q}
}
o h(d===\'x+i\'&&9===1){
	5.7.t={
	e:5.1f}
,5.7.u={
	e:5.18}
,5.7.s={
	\'g\':\'p\',\'e\':-5.11}
;
	5.7.W={
	m:5.1h}
,5.7.T={
	m:5.18}
,5.7.S={
	\'g\':\'p\',\'m\':-5.Q}
}
o h(d===\'x+i-f\'&&9===1){
	5.7.t={
	m:5.1f}
,5.7.u={
	m:5.18}
,5.7.s={
	\'g\':\'p\',\'m\':-5.11}
;
	5.7.W={
	e:5.1h}
,5.7.T={
	e:5.18}
,5.7.S={
	\'g\':\'p\',\'e\':-5.Q}
}
}
;
	15.1x.v=D(6,U,13,2E,B){
	J(U){
	b\'E\':6.n.14(\'[j-r-2h]\').F(C).1M(13,2E,6.8.1w);
	a;
	b\'G\':R 28=0;
	1I(R 2H 3b 13){
	6.n.14(\'[j-r-2s\'+28+\']\').F(C).I({
	c:B}
,13[2H],6.8.1w);
	28++}
;
	a;
	b\'L\':6.n.14(\'[j-r-2d]\').l(\'g\',\'1u\').F(C).I(B,13,6.8.1w);
	a;
	b\'M\':6.n.14(\'[j-r-2y]\').l(\'g\',\'1u\').F(C).I(B.1l,13,6.8.1w);
	6.n.14(\'[j-r-2k]\').l(\'g\',\'1u\').F(C).I(B.1m,13,6.8.1w);
	a}
}
;
	15.1x.2K=D(6,9){
	5.n.1T({
	3f:D(){
	J(9){
	b 0:6.z.l(6.7.s).l(\'g\',\'1u\').F(C).I(6.7.t,6.8.26,6.8.1z);
	J(6.8.U){
	b\'E\':6.v(6,\'E\',6.8.1q,6.8.H,0);
	a;
	b\'G\':6.v(6,\'G\',6.1r.1G,0,6.w);
	a;
	b\'L\':6.v(6,\'L\',6.8.1q,6.8.H,6.B.1j);
	a;
	b\'M\':6.v(6,\'M\',6.8.1q,6.8.H,6.q.A);
	a}
;
	a;
	b 1:6.12.l(6.7.s).l(\'g\',\'1u\').F(C).I(6.7.t,6.8.26,6.8.1z).2L(\'[j-r-z]\').l(6.7.S).l(\'g\',\'1u\').F(C).I(6.7.W,6.8.2z,6.8.24);
	J(6.8.U){
	b\'E\':6.v(6,\'E\',6.8.1q,6.8.H,0);
	a;
	b\'G\':6.v(6,\'G\',6.1r.1G,0,6.w);
	a;
	b\'L\':6.v(6,\'L\',6.8.1q,6.8.H,6.B.1j);
	a;
	b\'M\':6.v(6,\'M\',6.8.1q,6.8.H,6.q.A);
	a}
;
	a}
}
,3h:D(){
	J(9){
	b 0:6.z.F(C).I(6.7.u,6.8.20,6.8.1z).14(\'25\').23();
	J(6.8.U){
	b\'E\':6.v(6,\'E\',6.8.1o,0,0);
	a;
	b\'G\':6.v(6,\'G\',6.1r.1H,0,-6.w);
	a;
	b\'L\':6.v(6,\'L\',6.8.1o,0,6.B.1E);
	a;
	b\'M\':6.v(6,\'M\',6.8.1o,0,6.1n.A);
	a}
;
	a;
	b 1:6.12.F(C,C).I(6.7.u,6.8.20,6.8.1z).14(\'25\').23().3k().2L(\'[j-r-z]\').F(C,C).I(6.7.T,6.8.2A,6.8.24).14(\'25\').23();
	J(6.8.U){
	b\'E\':6.v(6,\'E\',6.8.1o,0,0);
	a;
	b\'G\':6.v(6,\'G\',6.1r.1H,0,-6.w);
	a;
	b\'L\':6.v(6,\'L\',6.8.1o,0,6.B.1E);
	a;
	b\'M\':6.v(6,\'M\',6.8.1o,0,6.1n.A);
	a}
;
	a}
}
}
)}
;
	15.1x.2F=D(6){
	$(21).3l($.3m(5,\'1Y\'));
	5.1Y();
	5.2K(6,5.9)}
;
	$.3n[1D]=D(8){
	3o 5.3p(D(){
	h(!$.j(5,\'2O\'+1D)){
	$.j(5,\'2O\'+1D,3r 15(5,8))}
}
)}
}
)(2X,21,2I);
	',62,215,'|||||this|ele|pos|options|count_pop_label|break|case|top|x_or_y|left|reverse|display|if||data|bottom|css|right|element|else|none|over_double_pos|zl|back_css|anime_enter|anime_leave|overlayGet|divHeight|||popup|fly_coor|over_pos|true|function|classic|stop|four|overlayOpacity|animate|switch|divWidth|rolling|double|flyPosition|calPopHeight|calPopWidth|calPop2Width|var|back_css2|anime_leave2|overlayStyle|startPosition|anime_enter2|general_overlay|calPop2Height|calPop1Height||calPop1Width|popup1|speed|children|Mate|div|coor1H|calDivWidth|calDivHeight|coorW|coorH|rollingPosition|popup2|speed_count_inout|coor1W|position0|coor2W|coor2H|minus|position1|top_left|bottom_right|over_fly_out|overlaySpeedOut|100|overlaySpeedIn|over_four|position|800|block|width|overlayEasing|prototype|height|popupEasing|overlay_count_d|overlayBg|overlay_count|pluginName|plus|popup1Width|inn|out|for|popup2Width|divCalWidth|divCalHeight|fadeTo|50|prepend|background|zlname|attr|zl_overlay_|on|img|left_or_top|left_or_top_double|popup2Height|onResize|popupHeight|popupSpeedOut|window|outerHeight|blur|popup2Easing|input|popupSpeedIn|500|obj_count|between|doublePosition|vertical|defaults|ovrolling|popupWidth|outerWidth|popup1Height|overlay|count_pop|POSITION|ovdouble1|POPUP|properties|Wrong|log|console|default|300|ovzoom|find|200|style|eq|swing|ovdouble0|popup2SpeedIn|popup2SpeedOut|inhiritPadding|autoSize|divCalWidth2|opacity|init|innerHeight|obj_proper|document|imgHeight|hover|siblings|innerWidth|imgWidth|plugin_|000|fourSpeedIn|fourSpeedOut|fourSpeedIn1|fourSpeedIn0|FLY|ovdouble|fourSpeedOut0|jQuery|_name|fourSpeedIn3|fourSpeedOut2|_defaults|off|fourSpeedIn2|ovzoom0|mateHover|ovzoom1|ovzoom2|undefined|ovzoom3|remove|in|fourSpeedOut1|length|1000|mouseenter|linear|mouseleave|divCalHeight2|extend|end|resize|proxy|fn|return|each|START|new|fourSpeedOut3'.split('|'),0,{
}
))

CSS代码(screen_small.css):

@charset "UTF-8";.container_p .column{width:auto;float:none;padding:5px 0px 0px 0px;}
.container_p .info{/*margin-bottom:20px;*/
width:100%;float:none;}

CSS代码(style.css):

@charset "UTF-8";html{direction:ltr;}
body{background:url(bg.png);font-family:arial;color:#323231;font-size:14px;line-height:1.5em;margin:0;padding:0;width:100%;}
.page{max-width:980px;margin:0px auto;position:relative;background:#fff;}
.container_p{padding:0;margin:0;}
.container_p img{max-width:100%;}
.container_p .column{width:97.95918367346939%;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px;margin:0 10px 0 10px;}
.container_p .info{width:33.33333333333333%;float:left;}
.clear-fix{clear:both;line-height:1px;}

附件:下载该文件资源,减少时间成本(增值服务)