微博简约贴图缩放代码

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

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

以下是微博简约贴图缩放代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>微博简约贴图缩放代码</title>
<meta name="keywords" content="JS代码,图片特效,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为微博简约贴图缩放代码，属于站长常用代码" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="artZoom.js"></script>
<script type="text/javascript">jQuery('a.artZoom').artZoom();</script>

<style type="text/css">
/*演示*/
body { font-size:75%; font-family:'微软雅黑'; }
img { border:0 none; }
p, ul { padding:0; margin:0; }
ul, ol, li { list-style:none; }
#about { width:550px; padding-bottom:20px; border-bottom:1px solid #CCC; }
#about .planeart, #about .planeart a { color:#CCC; }
ul.imgList { width:550px; }
ul.imgList li { margin-top:10px; }
</style>

</head>
<body>
<div id="about">
	<h1>artZoom - 微博简约贴图缩放代码</h1>
</div>
<ul class="imgList">
  <li> <a class="miniImg artZoom" href="images/b.jpg" rel="images/b.jpg"><img src="images/m.jpg" /></a> </li>
  <li> <a class="miniImg artZoom" href="images/b2.jpg" rel="images/b2.jpg"><img src="images/m2.jpg" /></a> </li>
</ul><br />
</body>
</html>

JS代码(artZoom.min.js):

/* * artZoom 1.0.3 * Date:2010-12-14 * Demo:http://www.planeart.cn/demo/artZoom/ * (c) 2009-2010 TangBin,http://www.planeArt.cn * * This is licensed under the GNU LGPL,version 2.1 or later. * For details,see:http://creativecommons.org/licenses/LGPL/2.1/ */
eval(function(B,D,A,G,E,F){
	function C(A){
	return A<62?String.fromCharCode(A+=A<26?65:A<52?71:-4):A<63?'_':A<64?'$':C(A>>6)+C(A&63)}
while(A>0)E[C(G--)]=D[--A];
	return B.replace(/[\w\$]+/g,function(A){
	return E[A]==F[A]?A:E[A]}
)}
('(1(P){
	S O=(1(P){
	P=P[P.t-L].W.replace(/\\\\/Bk,"/");
	v P.BC("/")<K?".":P.substring(K,P.BC("/"));
}
)(2.BL("script"));
	P(1(){
	S B="I.z{
	x:BY(\'"+O+"/Bb/zoomin.BR\'),BF;
}
\\J\\J\\J.7 I.8{
	x:BY(\'"+O+"/Bb/zoomout.BR\'),BF;
}
";
	P(2.$("link")).c({
	b:O+"/z.U",X:"stylesheet",BT:"BX/U"}
).appendTo("BW");
	S A=2.$("Bg");
	A._("BT","BX/U");
	A.Ba&&(A.Ba.cssText+=B)||A.9(2.createTextNode(B));
	2.BL("BW")[K].9(A);
	A=BO;
}
);
	P.BB.z=1(){
	S A;
	P(Y).live("BH",1(){
	S A=P(Y),O=A.c("b"),C=A.c("X").t===K?O:A.c("X");
	Q(A.e(".y").t==K){
	A.append(\'<Bd j="y" l="BG..">BG..</Bd>\');
}
B(A,O,C);
	v p;
}
);
	S O=1(A,O){
	S P=new Image();
	P.W=A;
	Q(P.complete){
	O.Bf(P);
}
g{
	P.onload=1(){
	O.Bf(P);
}
;
}
}
,B=1(F,E,G){
	S C=K,A=K,D=F.s().innerWidth()-12,B=1(){
	F.e(".y").remove();
	F.h();
	Q(F.d(".7").t!=K){
	v F.d(".7").BS();
}
S H=A,BJ=C;
	Q(C>D){
	A=D/C*A;
	C=D;
}
S B=\'<V j="7"><V j="tool"><I j="Bh" b="#" l="\\BV\\Bi">\\BV\\Bi</I><I j="BZ" b="#" l="\\m\\BM\\o">\\m\\BM\\o</I><I j="Bc" b="#" l="\\m\\Be\\o">\\m\\Be\\o</I><I j="0" b="\'+G+\'" l="\\BQ\\BU\\BD\\BE">\\BQ\\BU\\BD\\BE</I></V><I b="\'+G+\'" j="8"> <img j="u" i="\'+C+\'" q="\'+A+\'" maxWidth="\'+D+\'" 4="\'+BJ+\'" 6="\'+H+\'" W="\'+E+\'" /></I></V>\';
	F.after(B);
	S O=F.d(".7");
	O.hover(1(){
	O.addClass("BK");
}
,1(){
	O.removeClass("BK");
}
);
	O.e("I").bind("BH",1(){
	S A=P(Y);
	Q(A.3("Bh")||A.3("8")){
	O.h();
	O.prev().BS();
}
Q(A.3("BZ")){
	O.e(".u").r("BN",D);
}
Q(A.3("Bc")){
	O.e(".u").r("BA",D);
}
Q(A.3("0")){
	window.open(G);
}
v p;
}
);
}
;
	O(E,1(){
	C=Y.i;
	A=Y.q;
	B();
}
);
}
;
}
;
	P.BB.r=1(C,E){
	S D=P(Y)[K],H=D.getAttribute("Bj");
	Q(!Y.Z("i")&&!P(Y).Z("q")){
	Y.Z("i",D.i);
	Y.Z("q",D.q);
}
Q(H==BO){
	H=K;
}
Q(C==="BN"){
	(H==N)?H=K:H++;
}
g{
	Q(C==="BA"){
	(H==K)?H=N:H--;
}
}
D._("Bj",H);
	S G=Y.Z("i"),O=Y.Z("q");
	Q((H==L||H==N)&&Y.Z("i")<Y.Z("q")&&Y.Z("q")>E){
	O=E;
	G=Y.Z("i")*E/Y.Z("q");
}
Q(2.all){
	D.Bg.filter="progid:DXImageTransform.Microsoft.BasicImage(rotation="+H+")";
	D.i=G;
	D.q=O;
	Q(P.browser.version==Bl){
	BI(H){
	a K:Y.s().q("");
	k;
	a L:Y.s().q(Y.Z("i")+BP);
	k;
	a M:Y.s().q("");
	k;
	a N:Y.s().q(Y.Z("i")+BP);
	k;
}
}
}
g{
	S A=Y.d("w")[K];
	Q(Y.d("w").t==K){
	Y.U({
	visibility:"hidden",position:"absolute"}
);
	A=2.$("w");
	A._("j","u w");
	D.parentNode.9(A);
}
S F=A.getContext("2d"),B=L;
	O=D.6=P(D).c("6");
	G=D.4=P(D).c("4");
	Q((H==L||H==N)&&D.6>E){
	B=E/D.6;
	O=E;
	G=B*D.4;
}
Q((H==K||H==M)&&D.4>E){
	B=E/D.4;
	O=B*D.6;
	G=E;
}
BI(H){
	default:a K:A._("i",G);
	A._("q",O);
	F.r(K*f.R/T);
	F.n(B,B);
	F.5(D,K,K);
	k;
	a L:A._("i",O);
	A._("q",G);
	F.r(90*f.R/T);
	F.n(B,B);
	F.5(D,K,-D.6);
	k;
	a M:A._("i",G);
	A._("q",O);
	F.r(T*f.R/T);
	F.n(B,B);
	F.5(D,-D.4,-D.6);
	k;
	a N:A._("i",O);
	A._("q",G);
	F.r(270*f.R/T);
	F.n(B,B);
	F.5(D,-D.4,K);
	k;
}
}
}
;
}
)(jQuery);
	','a|t|0|1|2|3|_|$|if|PI|var|180|css|div|src|rel|this|data|case|href|attr|next|find|Math|else|hide|width|class|break|title|u5411|scale|u8f6c|false|height|rotate|parent|length|maxImg|return|canvas|cursor|loading|artZoom|viewImg|function|document|hasClass|raw_width|drawImage|raw_height|artZoomBox|maxImgLink|appendChild|setAttribute|createElement|right|fn|lastIndexOf|u539f|u56fe|pointer|Loading|click|switch|I|js_hover|getElementsByTagName|u53f3|left|null|10|u67e5|cur|show|type|u770b|u6536|head|text|url|imgLeft|styleSheet|images|imgRight|span|u5de6|call|style|hideImg|u8d77|step|g|8'.split('|'),94,101,{
}
,{
}
))

CSS代码(lrtk.css):

@charset "utf-8";a.artZoom{position:relative;display:inline-block;*zoom:1;*display:inline;padding:3px;background:#FFF;border:solid 1px #F1F1F1;text-decoration:none;color:#CCC;cursor:url('./images/zoomin.cur'),pointer;position:relative;}
a.artZoom:hover{text-decoration:none;}
a.artZoom span.loading{display:block;width:16px;height:16px;line-height:16px;overflow:hidden;text-indent:-9999em;padding-left:20px;margin:2px 0;font-size:9px;background:#FFF url(./images/loading.gif) no-repeat 0 0;filter:alpha(opacity=70);opacity:0.7;}
.artZoomBox{position:relative;}
.artZoomBox .tool{visibility:hidden;position:absolute;top:8px;left:8px;}
.artZoomBox.js_hover .tool{visibility:visible;}
.artZoomBox .tool a{float:left;display:block;height:24px;width:24px;text-indent:-9999em;overflow:hidden;color:#FFF;background-color:#3A6EA5;text-decoration:none;filter:alpha(opacity=50);opacity:0.5;background-image:url(./images/photoTool.gif);background-repeat:no-repeat;}
.artZoomBox .tool a:hover{background-color:#FFF;filter:alpha(opacity=80);opacity:0.8;}
.artZoomBox .tool a.hideImg{display:none;}
.artZoomBox .tool a.imgLeft{background-position:0 0;}
.artZoomBox .tool a.imgLeft{background-position:-24px 0;}
.artZoomBox .tool a.viewImg{background-position:0 -24px;}
.artZoomBox a.maxImgLink{cursor:url('./images/zoomout.cur'),pointer;display:inline-block;*zoom:1;*display:inline;}
.artZoomBox a.maxImgLink .maxImg{padding:5px;background:#FFF;border:solid 1px #CCC;}
a.miniImg:hover,.artZoomBox .maxImgLink .maxImg,.artZoomBox .tool span{border-color:#8294C8;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 3px rgba(58,110,165,0.5);-webkit-box-shadow:0 0 3px rgba(58,110,165,0.5);box-shadow:0 0 3px rgba(58,110,165,0.5);}

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