以下是 美女九宫格jquery相册代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Black and White Box Gallery with jQuery</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="description" content="" />
<meta name="keywords" content=""/>
<meta name="keywords" content="JS代码,jquery,image gallery,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为Black and White Box Gallery with jQuery，属于站长常用代码" />
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/Museo_Slab_500.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1',{ textShadow: '1px 1px #fff'});
Cufon.replace('h2',{ textShadow: '1px 1px #fff'});
Cufon.replace('.footer a', { textShadow : '1px 1px 1px #fff', hover : 'true'});
Cufon.replace('ul.xg_menu li a span');
</script>
</head>
<body style="text-align:center">
<div class="wrapper">
<h1>Black and White Box Gallery with jQuery</h1>
<!-- BW Box Gallery -->
<div id="xg_container" class="xg_container">
<!--
The BW images that are shown in the beginning when hovering
First one is shown by default
-->
<div class="xg_bgimages">
<img src="images/album1/bw/1.jpg" alt="" style="display:block;"/>
<img src="images/album2/bw/1.jpg" alt=""/>
<img src="images/album3/bw/1.jpg" alt=""/>
<img src="images/album4/bw/1.jpg" alt=""/>
<img src="images/album5/bw/1.jpg" alt=""/>
<img src="images/album6/bw/1.jpg" alt=""/>
<img src="images/album7/bw/1.jpg" alt=""/>
<img src="images/album8/bw/1.jpg" alt=""/>
<img src="images/album9/bw/1.jpg" alt=""/>
</div>
<!-- The grid. Change the rel attribute to the color you want to animate to-->
<ul class="xg_menu">
<li><a href="#" rel="#00BFFF"><span>Accessories</span></a></li>
<li><a href="#" rel="#ADFF2F"><span>Dresses</span></a></li>
<li><a href="#" rel="#9932CC"><span>Blazers & Jackets</span></a></li>
<li><a href="#" rel="#FF1493"><span>Intimate Apparel</span></a></li>
<li><a href="#" rel="#FF4500"><span>Jeans</span></a></li>
<li><a href="#" rel="#EE82EE"><span>Swimwear</span></a></li>
<li><a href="#" rel="#4169E1"><span>Shirts & Blouses</span></a></li>
<li><a href="#" rel="#FFD700"><span>Skirts</span></a></li>
<li><a href="#" rel="#DC143C"><span>Activewear</span></a></li>
</ul>
<div class="xg_back"></div>
<div class="xg_preview">
<div class="xg_nav">
<a id="xg_prev_image" href="#" class="xg_prev_image"></a>
<a id="xg_next_image" href="#" class="xg_next_image"></a>
</div>
<div class="xg_loader"></div>
<!-- The albums with all the BW images inside -->
<div class="xg_album">
<img src="images/album1/1.jpg" alt="images/album1/bw/1.jpg"/>
<img src="images/album1/2.jpg" alt="images/album1/bw/2.jpg"/>
<img src="images/album1/3.jpg" alt="images/album1/bw/3.jpg"/>
</div>
<div class="xg_album">
<img src="images/album2/1.jpg" alt="images/album2/bw/1.jpg"/>
<img src="images/album2/2.jpg" alt="images/album2/bw/2.jpg"/>
<img src="images/album2/3.jpg" alt="images/album2/bw/3.jpg"/>
</div>
<div class="xg_album">
<img src="images/album3/1.jpg" alt="images/album3/bw/1.jpg"/>
<img src="images/album3/2.jpg" alt="images/album3/bw/2.jpg"/>
<img src="images/album3/3.jpg" alt="images/album3/bw/3.jpg"/>
</div>
<div class="xg_album">
<img src="images/album4/1.jpg" alt="images/album4/bw/1.jpg"/>
<img src="images/album4/2.jpg" alt="images/album4/bw/2.jpg"/>
<img src="images/album4/3.jpg" alt="images/album4/bw/3.jpg"/>
</div>
<div class="xg_album">
<img src="images/album5/1.jpg" alt="images/album5/bw/1.jpg"/>
<img src="images/album5/2.jpg" alt="images/album5/bw/2.jpg"/>
<img src="images/album5/3.jpg" alt="images/album5/bw/3.jpg"/>
</div>
<div class="xg_album">
<img src="images/album6/1.jpg" alt="images/album6/bw/1.jpg"/>
<img src="images/album6/2.jpg" alt="images/album6/bw/2.jpg"/>
<img src="images/album6/3.jpg" alt="images/album6/bw/3.jpg"/>
</div>
<div class="xg_album">
<img src="images/album7/1.jpg" alt="images/album7/bw/1.jpg"/>
<img src="images/album7/2.jpg" alt="images/album7/bw/2.jpg"/>
<img src="images/album7/3.jpg" alt="images/album7/bw/3.jpg"/>
</div>
<div class="xg_album">
<img src="images/album8/1.jpg" alt="images/album8/bw/1.jpg"/>
<img src="images/album8/2.jpg" alt="images/album8/bw/2.jpg"/>
<img src="images/album8/3.jpg" alt="images/album8/bw/3.jpg"/>
</div>
<div class="xg_album">
<img src="images/album9/1.jpg" alt="images/album9/bw/1.jpg"/>
<img src="images/album9/2.jpg" alt="images/album9/bw/2.jpg"/>
<img src="images/album9/3.jpg" alt="images/album9/bw/3.jpg"/>
</div>
</div>
</div>
</div>
<!-- The JavaScript -->
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.color.js"></script>
<script type="text/javascript">
/*
the images preload plugin
*/
(function($) {
$.fn.preload = function(options) {
var opts = $.extend({}, $.fn.preload.defaults, options);
o = $.meta ? $.extend({}, opts, this.data()) : opts;
var c = this.length,
l = 0;
return this.each(function() {
var $i = $(this);
$('<img/>').load(function(i){
++l;
if(l == c) o.onComplete();
}).attr('src',$i.attr('src'));
});
};
$.fn.preload.defaults = {
onComplete : function(){return false;}
};
})(jQuery);
</script>
<script type="text/javascript">
$(function() {
/*some caching elems*/
var $xg_container = $('#xg_container'),
$xg_menu = $xg_container.children('.xg_menu'),
$xg_preview = $xg_container.children('.xg_preview'),
$xg_back = $xg_container.children('.xg_back'),
$xg_next_image = $('#xg_next_image'),
$xg_prev_image = $('#xg_prev_image'),
//current is the position of the selected item
current = 0,
//for the timeout function
t,
$menu_links = $xg_menu.find('a'),
$bg_images = $xg_container.children('.xg_bgimages').children(),
//all images in the preview container
$preview_images = $xg_preview.find('img');
/*check if you are using a browser*/
var ie = false;
if ($.browser.msie) {
ie = true;//you are not!Anyway let's give it a try
}
/*first preload images in the menu*/
$bg_images.preload({
onComplete : function(){
//init events
initEventHandlers();
}
});
//preload black&white images
$preview_images.each(function(i){
var src = $(this).attr('alt');
$('<img/>').attr('src',src);
});
function initEventHandlers(){
$menu_links.bind('mouseenter',function(e){
var $link = $(this);
//if animation return
if($xg_menu.is(':animated'))
return false;
//animate the color of the span
$link.find('span')
.stop()
.animate({
backgroundColor: $link.attr('rel')
}, 1000);
var $item = $link.parent(),
pos = $item.index();
clearTimeout(t);
//change the menu image
//the setTimeout is used to prevent
//the image to change when the user moves the mouse
//very quickly through the images
t = setTimeout(function(){
changeBgImage(pos);
},150);
}).bind('mouseleave',function(e){
clearTimeout(t);
var $link = $(this);
//reset background color
$link.find('span')
.stop()
.animate({
backgroundColor: '#FFFFFF'
}, 1000);
}).bind('click',function(e){
clearTimeout(t);
//if animation return
if($xg_menu.is(':animated'))
return false;
//get the current album
var $album = $xg_preview.find('.xg_album')
.eq(current),
$current_image;
//current image for this album
var current_idx = $album.data('current');
if(current_idx)
$current_image = $album.children('img')
.eq(current_idx);
else{
$current_image = $album.children('img:first');
$album.data('current',0)
}
//reset the left value and show the image
$current_image.css('left','0px')
.show();
//hide the menu
if(ie)
$xg_menu.hide();
else
$xg_menu.fadeOut(500);
//the bg image of the menu
var $bg_image = $bg_images.eq(current);
//animate the opacity of the bg image to 0,
//and hide it
$bg_image.stop()
.animate({
'opacity':0
},1000,function(){$(this).hide();});
//animate the opacity of the current image to 1
//first reset the opacity to 0
$current_image.css('opacity','0')
.stop()
.animate({'opacity':1},1000,function(){
//check if we show the next and previous
//navigation buttons
if($current_image.index() > 0)
$xg_prev_image.show();
if($current_image.nextAll().length > 0)
$xg_next_image.show();
//clicking the next button,
//shows the next image. The image is animated
//from right to left with an easing effect
//also, the current image gets hidden
$xg_next_image.unbind('click')
.bind('click',function(e){
if($current_image.nextAll().length == 1)
$xg_next_image.hide();
$xg_prev_image.show();
var $next_image = $current_image.next();
//if no animations and elem exists
if($next_image.length && !$next_image.is(':animated')){
$next_image.show()
.stop()
.animate({
left : '0px'
},800,'easeInOutExpo',function(){
$current_image.hide();
$current_image = $next_image;
$album.data('current',$next_image.index());
});
}
e.preventDefault();
});
//clicking the prev button,
//shows the prev image. The current image is animated
//from left to right with an easing effect
//also, the slided image gets hidden
$xg_prev_image.unbind('click')
.bind('click',function(e){
if($current_image.nextAll().length == 0)
$xg_next_image.show();
if($current_image.index() == 1)
$xg_prev_image.hide();
var $prev_image = $current_image.prev();
//if no animations and elem exists
if($prev_image.length && !$current_image.is(':animated')){
$prev_image.css('left','0px').show();
$current_image.stop()
.animate({
left : '800px'
},800,'easeInOutExpo',function(){
$current_image.hide();
$current_image = $prev_image;
$album.data('current',$prev_image.index());
});
}
e.preventDefault();
});
//when clicking on the back button,
//hide the navigation buttons,
//show the menu,
//show the menu image and hide the current image
$xg_back.show()
.unbind('click')
.bind('click',function(){
//if animations return
if($current_image.is(':animated')||
$current_image.next().is(':animated'))
return false;
$xg_back.hide();
$xg_next_image.hide();
$xg_prev_image.hide();
var $bg_image = $bg_images.eq(current);
$bg_image.attr('src', $current_image.attr('alt'));
if(ie)
$xg_menu.show()
else
$xg_menu.fadeIn(500);
$bg_image.show()
.stop()
.animate({'opacity':0.3},1000);
$current_image.stop()
.animate({'opacity':0},1000,function(){
$(this).hide();
});
});
});
e.preventDefault();
});
}
/*
changes the menu image
*/
function changeBgImage(pos){
if(pos == current)
return false;
//hide the current
$bg_images.eq(current)
.css({
'z-index' : '1'
})
.stop()
.animate({
'opacity' : '0'
},600);
//show the new one
$bg_images.eq(pos)
.css({
'opacity' : '0',
'z-index' : '999'
})
.show()
.stop()
.animate({
'opacity' : '0.3'
},600);
//set new current
current = pos;
}
});
</script>
</body>
</html>
JS代码(cufon-yui.js):
/* * Copyright (c) 2009 Simo Kinnunen. * Licensed under the MIT license. * * @version 1.09i */
var Cufon=(function(){
var m=function(){
return m.replace.apply(null,arguments)}
;
var x=m.DOM={
ready:(function(){
var C=false,E={
loaded:1,complete:1}
;
var B=[],D=function(){
if(C){
return}
C=true;
for(var F;
F=B.shift();
F()){
}
}
;
if(document.addEventListener){
document.addEventListener("DOMContentLoaded",D,false);
window.addEventListener("pageshow",D,false)}
if(!window.opera&&document.readyState){
(function(){
E[document.readyState]?D():setTimeout(arguments.callee,10)}
)()}
if(document.readyState&&document.createStyleSheet){
(function(){
try{
document.body.doScroll("left");
D()}
catch(F){
setTimeout(arguments.callee,1)}
}
)()}
q(window,"load",D);
return function(F){
if(!arguments.length){
D()}
else{
C?F():B.push(F)}
}
}
)(),root:function(){
return document.documentElement||document.body}
}
;
var n=m.CSS={
Size:function(C,B){
this.value=parseFloat(C);
this.unit=String(C).match(/[a-z%]*$/)[0]||"px";
this.convert=function(D){
return D/B*this.value}
;
this.convertFrom=function(D){
return D/this.value*B}
;
this.toString=function(){
return this.value+this.unit}
}
,addClass:function(C,B){
var D=C.className;
C.className=D+(D&&" ")+B;
return C}
,color:j(function(C){
var B={
}
;
B.color=C.replace(/^rgba\((.*?),\s*([\d.]+)\)/,function(E,D,F){
B.opacity=parseFloat(F);
return"rgb("+D+")"}
);
return B}
),fontStretch:j(function(B){
if(typeof B=="number"){
return B}
if(/%$/.test(B)){
return parseFloat(B)/100}
return{
"ultra-condensed":0.5,"extra-condensed":0.625,condensed:0.75,"semi-condensed":0.875,"semi-expanded":1.125,expanded:1.25,"extra-expanded":1.5,"ultra-expanded":2}
[B]||1}
),getStyle:function(C){
var B=document.defaultView;
if(B&&B.getComputedStyle){
return new a(B.getComputedStyle(C,null))}
if(C.currentStyle){
return new a(C.currentStyle)}
return new a(C.style)}
,gradient:j(function(F){
var G={
id:F,type:F.match(/^-([a-z]+)-gradient\(/)[1],stops:[]}
,C=F.substr(F.indexOf("(")).match(/([\d.]+=)?(#[a-f0-9]+|[a-z]+\(.*?\)|[a-z]+)/ig);
for(var E=0,B=C.length,D;
E<B;
++E){
D=C[E].split("=",2).reverse();
G.stops.push([D[1]||E/(B-1),D[0]])}
return G}
),quotedList:j(function(E){
var D=[],C=/\s*((["'])([\s\S]*?[^\\])\2|[^,]+)\s*/
g,B;
while(B=C.exec(E)){
D.push(B[3]||B[1])}
return D}
),recognizesMedia:j(function(G){
var E=document.createElement("style"),D,C,B;
E.type="text/css";
E.media=G;
try{
E.appendChild(document.createTextNode("/**/
"))}
catch(F){
}
C=g("head")[0];
C.insertBefore(E,C.firstChild);
D=(E.sheet||E.styleSheet);
B=D&&!D.disabled;
C.removeChild(E);
return B}
),removeClass:function(D,C){
var B=RegExp("(?:^|\\s+)"+C+"(?=\\s|$)","g");
D.className=D.className.replace(B,"");
return D}
,supports:function(D,C){
var B=document.createElement("span").style;
if(B[D]===undefined){
return false}
B[D]=C;
return B[D]===C}
,textAlign:function(E,D,B,C){
if(D.get("textAlign")=="right"){
if(B>0){
E=" "+E}
}
else{
if(B<C-1){
E+=" "}
}
return E}
,textShadow:j(function(F){
if(F=="none"){
return null}
var E=[],G={
}
,B,C=0;
var D=/(#[a-f0-9]+|[a-z]+\(.*?\)|[a-z]+)|(-?[\d.]+[a-z%]*)|,/ig;
while(B=D.exec(F)){
if(B[0]==","){
E.push(G);
G={
}
;
C=0}
else{
if(B[1]){
G.color=B[1]}
else{
G[["offX","offY","blur"][C++]]=B[2]}
}
}
E.push(G);
return E}
),textTransform:(function(){
var B={
uppercase:function(C){
return C.toUpperCase()}
,lowercase:function(C){
return C.toLowerCase()}
,capitalize:function(C){
return C.replace(/\b./g,function(D){
return D.toUpperCase()}
)}
}
;
return function(E,D){
var C=B[D.get("textTransform")];
return C?C(E):E}
}
)(),whiteSpace:(function(){
var D={
inline:1,"inline-block":1,"run-in":1}
;
var C=/^\s+/,B=/\s+$/;
return function(H,F,G,E){
if(E){
if(E.nodeName.toLowerCase()=="br"){
H=H.replace(C,"")}
}
if(D[F.get("display")]){
return H}
if(!G.previousSibling){
H=H.replace(C,"")}
if(!G.nextSibling){
H=H.replace(B,"")}
return H}
}
)()}
;
n.ready=(function(){
var B=!n.recognizesMedia("all"),E=false;
var D=[],H=function(){
B=true;
for(var K;
K=D.shift();
K()){
}
}
;
var I=g("link"),J=g("style");
function C(K){
return K.disabled||G(K.sheet,K.media||"screen")}
function G(M,P){
if(!n.recognizesMedia(P||"all")){
return true}
if(!M||M.disabled){
return false}
try{
var Q=M.cssRules,O;
if(Q){
search:for(var L=0,K=Q.length;
O=Q[L],L<K;
++L){
switch(O.type){
case 2:break;
case 3:if(!G(O.styleSheet,O.media.mediaText)){
return false}
break;
default:break search}
}
}
}
catch(N){
}
return true}
function F(){
if(document.createStyleSheet){
return true}
var L,K;
for(K=0;
L=I[K];
++K){
if(L.rel.toLowerCase()=="stylesheet"&&!C(L)){
return false}
}
for(K=0;
L=J[K];
++K){
if(!C(L)){
return false}
}
return true}
x.ready(function(){
if(!E){
E=n.getStyle(document.body).isUsable()}
if(B||(E&&F())){
H()}
else{
setTimeout(arguments.callee,10)}
}
);
return function(K){
if(B){
K()}
else{
D.push(K)}
}
}
)();
function s(D){
var C=this.face=D.face,B={
"\u0020":1,"\u00a0":1,"\u3000":1}
;
this.glyphs=D.glyphs;
this.w=D.w;
this.baseSize=parseInt(C["units-per-em"],10);
this.family=C["font-family"].toLowerCase();
this.weight=C["font-weight"];
this.style=C["font-style"]||"normal";
this.viewBox=(function(){
var F=C.bbox.split(/\s+/);
var E={
minX:parseInt(F[0],10),minY:parseInt(F[1],10),maxX:parseInt(F[2],10),maxY:parseInt(F[3],10)}
;
E.width=E.maxX-E.minX;
E.height=E.maxY-E.minY;
E.toString=function(){
return[this.minX,this.minY,this.width,this.height].join(" ")}
;
return E}
)();
this.ascent=-parseInt(C.ascent,10);
this.descent=-parseInt(C.descent,10);
this.height=-this.ascent+this.descent;
this.spacing=function(L,N,E){
var O=this.glyphs,M,K,G,P=[],F=0,J=-1,I=-1,H;
while(H=L[++J]){
M=O[H]||this.missingGlyph;
if(!M){
continue}
if(K){
F-=G=K[H]||0;
P[I]-=G}
F+=P[++I]=~~(M.w||this.w)+N+(B[H]?E:0);
K=M.k}
P.total=F;
return P}
}
function f(){
var C={
}
,B={
oblique:"italic",italic:"oblique"}
;
this.add=function(D){
(C[D.style]||(C[D.style]={
}
))[D.weight]=D}
;
this.get=function(H,I){
var G=C[H]||C[B[H]]||C.normal||C.italic||C.oblique;
if(!G){
return null}
I={
normal:400,bold:700}
[I]||parseInt(I,10);
if(G[I]){
return G[I]}
var E={
1:1,99:0}
[I%100],K=[],F,D;
if(E===undefined){
E=I>400}
if(I==500){
I=400}
for(var J in G){
if(!k(G,J)){
continue}
J=parseInt(J,10);
if(!F||J<F){
F=J}
if(!D||J>D){
D=J}
K.push(J)}
if(I<F){
I=F}
if(I>D){
I=D}
K.sort(function(M,L){
return(E?(M>=I&&L>=I)?M<L:M>L:(M<=I&&L<=I)?M>L:M<L)?-1:1}
);
return G[K[0]]}
}
function r(){
function D(F,G){
if(F.contains){
return F.contains(G)}
return F.compareDocumentPosition(G)&16}
function B(G){
var F=G.relatedTarget;
if(!F||D(this,F)){
return}
C(this,G.type=="mouseover")}
function E(F){
C(this,F.type=="mouseenter")}
function C(F,G){
setTimeout(function(){
var H=d.get(F).options;
m.replace(F,G?h(H,H.hover):H,true)}
,10)}
this.attach=function(F){
if(F.onmouseenter===undefined){
q(F,"mouseover",B);
q(F,"mouseout",B)}
else{
q(F,"mouseenter",E);
q(F,"mouseleave",E)}
}
}
function u(){
var C=[],D={
}
;
function B(H){
var E=[],G;
for(var F=0;
G=H[F];
++F){
E[F]=C[D[G]]}
return E}
this.add=function(F,E){
D[F]=C.push(E)-1}
;
this.repeat=function(){
var E=arguments.length?B(arguments):C,F;
for(var G=0;
F=E[G++];
){
m.replace(F[0],F[1],true)}
}
}
function A(){
var D={
}
,B=0;
function C(E){
return E.cufid||(E.cufid=++B)}
this.get=function(E){
var F=C(E);
return D[F]||(D[F]={
}
)}
}
function a(B){
var D={
}
,C={
}
;
this.extend=function(E){
for(var F in E){
if(k(E,F)){
D[F]=E[F]}
}
return this}
;
this.get=function(E){
return D[E]!=undefined?D[E]:B[E]}
;
this.getSize=function(F,E){
return C[F]||(C[F]=new n.Size(this.get(F),E))}
;
this.isUsable=function(){
return !!B}
}
function q(C,B,D){
if(C.addEventListener){
C.addEventListener(B,D,false)}
else{
if(C.attachEvent){
C.attachEvent("on"+B,function(){
return D.call(C,window.event)}
)}
}
}
function v(C,B){
var D=d.get(C);
if(D.options){
return C}
if(B.hover&&B.hoverables[C.nodeName.toLowerCase()]){
b.attach(C)}
D.options=B;
return C}
function j(B){
var C={
}
;
return function(D){
if(!k(C,D)){
C[D]=B.apply(null,arguments)}
return C[D]}
}
function c(F,E){
var B=n.quotedList(E.get("fontFamily").toLowerCase()),D;
for(var C=0;
D=B[C];
++C){
if(i[D]){
return i[D].get(E.get("fontStyle"),E.get("fontWeight"))}
}
return null}
function g(B){
return document.getElementsByTagName(B)}
function k(C,B){
return C.hasOwnProperty(B)}
function h(){
var C={
}
,B,F;
for(var E=0,D=arguments.length;
B=arguments[E],E<D;
++E){
for(F in B){
if(k(B,F)){
C[F]=B[F]}
}
}
return C}
function o(E,M,C,N,F,D){
var K=document.createDocumentFragment(),H;
if(M===""){
return K}
var L=N.separate;
var I=M.split(p[L]),B=(L=="words");
if(B&&t){
if(/^\s/.test(M)){
I.unshift("")}
if(/\s$/.test(M)){
I.push("")}
}
for(var J=0,G=I.length;
J<G;
++J){
H=z[N.engine](E,B?n.textAlign(I[J],C,J,G):I[J],C,N,F,D,J<G-1);
if(H){
K.appendChild(H)}
}
return K}
function l(D,M){
var C=D.nodeName.toLowerCase();
if(M.ignore[C]){
return}
var E=!M.textless[C];
var B=n.getStyle(v(D,M)).extend(M);
var F=c(D,B),G,K,I,H,L,J;
if(!F){
return}
for(G=D.firstChild;
G;
G=I){
K=G.nodeType;
I=G.nextSibling;
if(E&&K==3){
if(H){
H.appendData(G.data);
D.removeChild(G)}
else{
H=G}
if(I){
continue}
}
if(H){
D.replaceChild(o(F,n.whiteSpace(H.data,B,H,J),B,M,G,D),H);
H=null}
if(K==1){
if(G.firstChild){
if(G.nodeName.toLowerCase()=="cufon"){
z[M.engine](F,null,B,M,G,D)}
else{
arguments.callee(G,M)}
}
J=G}
}
}
var t=" ".split(/\s+/).length==0;
var d=new A();
var b=new r();
var y=new u();
var e=false;
var z={
}
,i={
}
,w={
autoDetect:false,engine:null,forceHitArea:false,hover:false,hoverables:{
a:true}
,ignore:{
applet:1,canvas:1,col:1,colgroup:1,head:1,iframe:1,map:1,optgroup:1,option:1,script:1,select:1,style:1,textarea:1,title:1,pre:1}
,printable:true,selector:(window.Sizzle||(window.jQuery&&function(B){
return jQuery(B)}
)||(window.dojo&&dojo.query)||(window.Ext&&Ext.query)||(window.YAHOO&&YAHOO.util&&YAHOO.util.Selector&&YAHOO.util.Selector.query)||(window.$$&&function(B){
return $$(B)}
)||(window.$&&function(B){
return $(B)}
)||(document.querySelectorAll&&function(B){
return document.querySelectorAll(B)}
)||g),separate:"words",textless:{
dl:1,html:1,ol:1,table:1,tbody:1,thead:1,tfoot:1,tr:1,ul:1}
,textShadow:"none"}
;
var p={
words:/\s/.test("\u00a0")?/[^\S\u00a0]+/:/\s+/,characters:"",none:/^/}
;
m.now=function(){
x.ready();
return m}
;
m.refresh=function(){
y.repeat.apply(y,arguments);
return m}
;
m.registerEngine=function(C,B){
if(!B){
return m}
z[C]=B;
return m.set("engine",C)}
;
m.registerFont=function(D){
if(!D){
return m}
var B=new s(D),C=B.family;
if(!i[C]){
i[C]=new f()}
i[C].add(B);
return m.set("fontFamily",'"'+C+'"')}
;
m.replace=function(D,C,B){
C=h(w,C);
if(!C.engine){
return m}
if(!e){
n.addClass(x.root(),"cufon-active cufon-loading");
n.ready(function(){
n.addClass(n.removeClass(x.root(),"cufon-loading"),"cufon-ready")}
);
e=true}
if(C.hover){
C.forceHitArea=true}
if(C.autoDetect){
delete C.fontFamily}
if(typeof C.textShadow=="string"){
C.textShadow=n.textShadow(C.textShadow)}
if(typeof C.color=="string"&&/^-/.test(C.color)){
C.textGradient=n.gradient(C.color)}
else{
delete C.textGradient}
if(!B){
y.add(D,arguments)}
if(D.nodeType||typeof D=="string"){
D=[D]}
n.ready(function(){
for(var F=0,E=D.length;
F<E;
++F){
var G=D[F];
if(typeof G=="string"){
m.replace(C.selector(G),C,true)}
else{
l(G,C)}
}
}
);
return m}
;
m.set=function(B,C){
w[B]=C;
return m}
;
return m}
)();
Cufon.registerEngine("vml",(function(){
var e=document.namespaces;
if(!e){
return}
e.add("cvml","urn:schemas-microsoft-com:vml");
e=null;
var b=document.createElement("cvml:shape");
b.style.behavior="url(#default#VML)";
if(!b.coordsize){
return}
b=null;
var h=(document.documentMode||0)<8;
document.write(('<style type="text/css">cufoncanvas{
text-indent:0;
}
@media screen{
cvml\\:shape,cvml\\:rect,cvml\\:fill,cvml\\:shadow{
behavior:url(#default#VML);
display:block;
antialias:true;
position:absolute;
}
cufoncanvas{
position:absolute;
text-align:left;
}
cufon{
display:inline-block;
position:relative;
vertical-align:'+(h?"middle":"text-bottom")+";
}
cufon cufontext{
position:absolute;
left:-10000in;
font-size:1px;
}
a cufon{
cursor:pointer}
}
@media print{
cufon cufoncanvas{
display:none;
}
}
</style>").replace(/;
/g,"!important;
"));
function c(i,j){
return a(i,/(?:em|ex|%)$|^[a-z-]+$/i.test(j)?"1em":j)}
function a(l,m){
if(m==="0"){
return 0}
if(/px$/i.test(m)){
return parseFloat(m)}
var k=l.style.left,j=l.runtimeStyle.left;
l.runtimeStyle.left=l.currentStyle.left;
l.style.left=m.replace("%","em");
var i=l.style.pixelLeft;
l.style.left=k;
l.runtimeStyle.left=j;
return i}
function f(l,k,j,n){
var i="computed"+n,m=k[i];
if(isNaN(m)){
m=k.get(n);
k[i]=m=(m=="normal")?0:~~j.convertFrom(a(l,m))}
return m}
var g={
}
;
function d(p){
var q=p.id;
if(!g[q]){
var n=p.stops,o=document.createElement("cvml:fill"),i=[];
o.type="gradient";
o.angle=180;
o.focus="0";
o.method="sigma";
o.color=n[0][1];
for(var m=1,l=n.length-1;
m<l;
++m){
i.push(n[m][0]*100+"% "+n[m][1])}
o.colors=i.join(",");
o.color2=n[l][1];
g[q]=o}
return g[q]}
return function(ac,G,Y,C,K,ad,W){
var n=(G===null);
if(n){
G=K.alt}
var I=ac.viewBox;
var p=Y.computedFontSize||(Y.computedFontSize=new Cufon.CSS.Size(c(ad,Y.get("fontSize"))+"px",ac.baseSize));
var y,q;
if(n){
y=K;
q=K.firstChild}
else{
y=document.createElement("cufon");
y.className="cufon cufon-vml";
y.alt=G;
q=document.createElement("cufoncanvas");
y.appendChild(q);
if(C.printable){
var Z=document.createElement("cufontext");
Z.appendChild(document.createTextNode(G));
y.appendChild(Z)}
if(!W){
y.appendChild(document.createElement("cvml:shape"))}
}
var ai=y.style;
var R=q.style;
var l=p.convert(I.height),af=Math.ceil(l);
var V=af/l;
var P=V*Cufon.CSS.fontStretch(Y.get("fontStretch"));
var U=I.minX,T=I.minY;
R.height=af;
R.top=Math.round(p.convert(T-ac.ascent));
R.left=Math.round(p.convert(U));
ai.height=p.convert(ac.height)+"px";
var F=Y.get("color");
var ag=Cufon.CSS.textTransform(G,Y).split("");
var L=ac.spacing(ag,f(ad,Y,p,"letterSpacing"),f(ad,Y,p,"wordSpacing"));
if(!L.length){
return null}
var k=L.total;
var x=-U+k+(I.width-L[L.length-1]);
var ah=p.convert(x*P),X=Math.round(ah);
var O=x+","+I.height,m;
var J="r"+O+"ns";
var u=C.textGradient&&d(C.textGradient);
var o=ac.glyphs,S=0;
var H=C.textShadow;
var ab=-1,aa=0,w;
while(w=ag[++ab]){
var D=o[ag[ab]]||ac.missingGlyph,v;
if(!D){
continue}
if(n){
v=q.childNodes[aa];
while(v.firstChild){
v.removeChild(v.firstChild)}
}
else{
v=document.createElement("cvml:shape");
q.appendChild(v)}
v.stroked="f";
v.coordsize=O;
v.coordorigin=m=(U-S)+","+T;
v.path=(D.d?"m"+D.d+"xe":"")+"m"+m+J;
v.fillcolor=F;
if(u){
v.appendChild(u.cloneNode(false))}
var ae=v.style;
ae.width=X;
ae.height=af;
if(H){
var s=H[0],r=H[1];
var B=Cufon.CSS.color(s.color),z;
var N=document.createElement("cvml:shadow");
N.on="t";
N.color=B.color;
N.offset=s.offX+","+s.offY;
if(r){
z=Cufon.CSS.color(r.color);
N.type="double";
N.color2=z.color;
N.offset2=r.offX+","+r.offY}
N.opacity=B.opacity||(z&&z.opacity)||1;
v.appendChild(N)}
S+=L[aa++]}
var M=v.nextSibling,t,A;
if(C.forceHitArea){
if(!M){
M=document.createElement("cvml:rect");
M.stroked="f";
M.className="cufon-vml-cover";
t=document.createElement("cvml:fill");
t.opacity=0;
M.appendChild(t);
q.appendChild(M)}
A=M.style;
A.width=X;
A.height=af}
else{
if(M){
q.removeChild(M)}
}
ai.width=Math.max(Math.ceil(p.convert(k*P)),0);
if(h){
var Q=Y.computedYAdjust;
if(Q===undefined){
var E=Y.get("lineHeight");
if(E=="normal"){
E="1em"}
else{
if(!isNaN(E)){
E+="em"}
}
Y.computedYAdjust=Q=0.5*(a(ad,E)-parseFloat(ai.height))}
if(Q){
ai.marginTop=Math.ceil(Q)+"px";
ai.marginBottom=Q+"px"}
}
return y}
}
)());
Cufon.registerEngine("canvas",(function(){
var b=document.createElement("canvas");
if(!b||!b.getContext||!b.getContext.apply){
return}
b=null;
var a=Cufon.CSS.supports("display","inline-block");
var e=!a&&(document.compatMode=="BackCompat"||/frameset|transitional/i.test(document.doctype.publicId));
var f=document.createElement("style");
f.type="text/css";
f.appendChild(document.createTextNode(("cufon{
text-indent:0;
}
@media screen,projection{
cufon{
display:inline;
display:inline-block;
position:relative;
vertical-align:middle;
"+(e?"":"font-size:1px;
line-height:1px;
")+"}
cufon cufontext{
display:-moz-inline-box;
display:inline-block;
width:0;
height:0;
overflow:hidden;
text-indent:-10000in;
}
"+(a?"cufon canvas{
position:relative;
}
":"cufon canvas{
position:absolute;
}
")+"}
@media print{
cufon{
padding:0;
}
cufon canvas{
display:none;
}
}
").replace(/;
/g,"!important;
")));
document.getElementsByTagName("head")[0].appendChild(f);
function d(p,h){
var n=0,m=0;
var g=[],o=/([mrvxe])([^a-z]*)/g,k;
generate:for(var j=0;
k=o.exec(p);
++j){
var l=k[2].split(",");
switch(k[1]){
case"v":g[j]={
m:"bezierCurveTo",a:[n+~~l[0],m+~~l[1],n+~~l[2],m+~~l[3],n+=~~l[4],m+=~~l[5]]}
;
break;
case"r":g[j]={
m:"lineTo",a:[n+=~~l[0],m+=~~l[1]]}
;
break;
case"m":g[j]={
m:"moveTo",a:[n=~~l[0],m=~~l[1]]}
;
break;
case"x":g[j]={
m:"closePath"}
;
break;
case"e":break generate}
h[g[j].m].apply(h,g[j].a)}
return g}
function c(m,k){
for(var j=0,h=m.length;
j<h;
++j){
var g=m[j];
k[g.m].apply(k,g.a)}
}
return function(V,w,P,t,C,W){
var k=(w===null);
if(k){
w=C.getAttribute("alt")}
var A=V.viewBox;
var m=P.getSize("fontSize",V.baseSize);
var B=0,O=0,N=0,u=0;
var z=t.textShadow,L=[];
if(z){
for(var U=z.length;
U--;
){
var F=z[U];
var K=m.convertFrom(parseFloat(F.offX));
var I=m.convertFrom(parseFloat(F.offY));
L[U]=[K,I];
if(I<B){
B=I}
if(K>O){
O=K}
if(I>N){
N=I}
if(K<u){
u=K}
}
}
var Z=Cufon.CSS.textTransform(w,P).split("");
var E=V.spacing(Z,~~m.convertFrom(parseFloat(P.get("letterSpacing"))||0),~~m.convertFrom(parseFloat(P.get("wordSpacing"))||0));
if(!E.length){
return null}
var h=E.total;
O+=A.width-E[E.length-1];
u+=A.minX;
var s,n;
if(k){
s=C;
n=C.firstChild}
else{
s=document.createElement("cufon");
s.className="cufon cufon-canvas";
s.setAttribute("alt",w);
n=document.createElement("canvas");
s.appendChild(n);
if(t.printable){
var S=document.createElement("cufontext");
S.appendChild(document.createTextNode(w));
s.appendChild(S)}
}
var aa=s.style;
var H=n.style;
var j=m.convert(A.height);
var Y=Math.ceil(j);
var M=Y/j;
var G=M*Cufon.CSS.fontStretch(P.get("fontStretch"));
var J=h*G;
var Q=Math.ceil(m.convert(J+O-u));
var o=Math.ceil(m.convert(A.height-B+N));
n.width=Q;
n.height=o;
H.width=Q+"px";
H.height=o+"px";
B+=A.minY;
H.top=Math.round(m.convert(B-V.ascent))+"px";
H.left=Math.round(m.convert(u))+"px";
var r=Math.max(Math.ceil(m.convert(J)),0)+"px";
if(a){
aa.width=r;
aa.height=m.convert(V.height)+"px"}
else{
aa.paddingLeft=r;
aa.paddingBottom=(m.convert(V.height)-1)+"px"}
var X=n.getContext("2d"),D=j/A.height;
X.scale(D,D*M);
X.translate(-u,-B);
X.save();
function T(){
var x=V.glyphs,ab,l=-1,g=-1,y;
X.scale(G,1);
while(y=Z[++l]){
var ab=x[Z[l]]||V.missingGlyph;
if(!ab){
continue}
if(ab.d){
X.beginPath();
if(ab.code){
c(ab.code,X)}
else{
ab.code=d("m"+ab.d,X)}
X.fill()}
X.translate(E[++g],0)}
X.restore()}
if(z){
for(var U=z.length;
U--;
){
var F=z[U];
X.save();
X.fillStyle=F.color;
X.translate.apply(X,L[U]);
T()}
}
var q=t.textGradient;
if(q){
var v=q.stops,p=X.createLinearGradient(0,A.minY,0,A.maxY);
for(var U=0,R=v.length;
U<R;
++U){
p.addColorStop.apply(p,v[U])}
X.fillStyle=p}
else{
X.fillStyle=P.get("color")}
T();
return s}
}
)());
JS代码(Museo_Slab_500.font.js):
/*! * The following copyright notice may not be removed under any circumstances. * * Copyright:* Copyright (c) 2009 by Jos Buivenga. All rights reserved. * * Trademark:* Museo Slab is a trademark of Jos Buivenga. * * Full name:* MuseoSlab-500 * * Description:* Spaced and kerned with iKern. * * Manufacturer:* Jos Buivenga * * Designer:* Jos Buivenga * * Vendor URL:* http://www.exljbris.com */
Cufon.registerFont({
"w":220,"face":{
"font-family":"Museo Slab 500","font-weight":400,"font-stretch":"normal","units-per-em":"360","panose-1":"2 0 0 0 0 0 0 0 0 0","ascent":"270","descent":"-90","x-height":"4","bbox":"-6 -318 357 75.737","underline-thickness":"18","underline-position":"-18","stemh":"27","stemv":"35","unicode-range":"U+0020-U+007E"}
,"glyphs":{
" ":{
"w":90}
,"!":{
"d":"29,-70r-3,-184r36,0r-2,184r-31,0xm27,0r0,-35r36,0r0,35r-36,0","w":88}
,"\"":{
"d":"73,-182r0,-76r28,0r0,76r-28,0xm23,-182r0,-76r27,0r0,76r-27,0","w":123,"k":{
",":30,".":30,"4":4,"A":17,"J":16,"d":5,"e":5,"g":3,"c":5,"o":5,"q":4}
}
,"#":{
"d":"50,0r12,-69r-47,0r4,-26r48,0r10,-61r-46,0r4,-26r47,0r12,-72r29,0r-12,72r56,0r12,-72r30,0r-13,72r47,0r-4,26r-47,0r-11,61r47,0r-5,26r-47,0r-11,69r-30,0r12,-69r-56,0r-12,69r-29,0xm96,-95r56,0r10,-61r-55,0","w":258}
,"$":{
"d":"15,-35r20,-25v0,0,27,27,64,27v24,0,45,-14,45,-37v0,-50,-125,-38,-125,-116v0,-33,27,-60,67,-66r0,-39r26,0r0,39v40,3,62,24,62,24r-16,28v0,0,-25,-22,-56,-22v-28,0,-47,16,-47,36v0,53,125,38,125,114v0,35,-26,65,-68,70r0,39r-26,0r0,-39v-46,-5,-71,-33,-71,-33","w":195}
,"%":{
"d":"70,-152v-30,0,-55,-23,-55,-53v0,-29,25,-53,55,-53v30,0,55,24,55,53v0,30,-25,53,-55,53xm21,0r194,-254r34,0r-194,254r-34,0xm70,-179v15,0,26,-11,26,-26v0,-15,-11,-27,-26,-27v-15,0,-27,12,-27,27v0,15,12,26,27,26xm146,-49v0,-29,24,-53,55,-53v30,0,54,24,54,53v0,30,-24,53,-54,53v-31,0,-55,-23,-55,-53xm174,-49v0,15,12,27,27,27v15,0,26,-12,26,-27v0,-15,-11,-27,-26,-27v-15,0,-27,12,-27,27","w":270}
,"&":{
"d":"110,4v-95,0,-125,-111,-46,-140v1,-3,-34,-11,-36,-57v-2,-52,62,-73,113,-62r-9,29v-29,-7,-67,5,-67,37v0,17,7,40,47,40r54,0r0,-35r35,0r0,35r33,0r0,30r-33,0v7,76,-22,123,-91,123xm54,-74v0,26,21,46,56,46v46,0,61,-37,56,-91v-52,-2,-112,-3,-112,45","w":243,"k":{
"V":4}
}
,"'":{
"d":"23,-182r0,-76r28,0r0,76r-28,0","w":73,"k":{
",":30,".":30,"4":4,"A":17,"J":16,"d":5,"e":5,"g":3,"c":5,"o":5,"q":4}
}
,"(":{
"d":"67,34v-52,-83,-59,-216,0,-299r30,0v-55,90,-52,205,0,299r-30,0","w":113}
,")":{
"d":"16,34v53,-94,56,-209,0,-299r30,0v58,83,52,216,0,299r-30,0","w":113}
,"*":{
"d":"58,-118r-26,-19r32,-40r-49,-14r9,-30r48,18r-3,-51r33,0r-3,51r49,-18r10,30r-50,14r32,40r-26,19r-28,-43","w":172,"k":{
"A":10,"J":15}
}
,"+":{
"d":"15,-89r0,-28r81,0r0,-88r29,0r0,88r81,0r0,28r-81,0r0,89r-29,0r0,-89r-81,0","k":{
"7":7,"3":4}
}
,",":{
"d":"7,45r25,-83r37,0r-34,83r-28,0","w":93,"k":{
"4":5,"\"":30,"'":30}
}
,"-":{
"d":"33,-87r0,-31r105,0r0,31r-105,0","w":171,"k":{
"7":8,"3":9,"2":5,"1":8,"Y":24,"A":8,"B":6,"D":6,"E":6,"F":6,"H":6,"I":6,"K":6,"L":6,"N":6,"P":6,"R":6,"M":6,"T":25,"U":5,"V":14,"W":10,"X":12,"Z":12}
}
,".":{
"d":"27,0r0,-38r38,0r0,38r-38,0","w":92,"k":{
"v":7,"V":24,"4":5,"Y":12,"\"":30,"'":30,"T":12,"U":7,"W":15,"C":5,"G":5,"O":5,"Q":5,"w":4,"y":8}
}
,"\/":{
"d":"15,15r92,-283r31,0r-92,283r-31,0","w":152,"k":{
"A":5}
}
,"0":{
"d":"112,4v-68,0,-90,-58,-90,-131v0,-73,22,-131,90,-131v68,0,90,58,90,131v0,73,-22,131,-90,131xm112,-28v41,0,53,-43,53,-99v0,-55,-12,-100,-53,-100v-42,0,-54,45,-54,100v0,56,12,99,54,99","w":223}
,"1":{
"d":"18,0r0,-30r57,0r-1,-181v-4,7,-27,30,-36,38r-21,-22r60,-59r32,0r0,224r56,0r0,30r-147,0","w":172}
,"2":{
"d":"19,0v-17,-107,124,-117,125,-184v0,-26,-19,-43,-46,-43v-33,0,-52,34,-52,34r-25,-17v0,0,22,-48,80,-48v46,0,80,29,80,73v0,82,-123,94,-124,155r103,0r0,-33r32,0r0,63r-173,0","w":210}
,"3":{
"d":"25,-192r0,-62r155,0r0,25r-67,79v32,3,72,24,72,73v0,44,-34,81,-87,81v-52,0,-83,-34,-83,-34r19,-26v0,0,26,28,62,28v28,0,52,-20,52,-48v0,-35,-34,-52,-71,-46r-9,-19r72,-85v-24,2,-57,1,-84,1r0,33r-31,0","w":205}
,"4":{
"d":"9,-68r0,-22r118,-164r40,0r0,157r35,0r0,29r-35,0r0,68r-35,0r0,-68r-123,0xm134,-216v-24,40,-60,80,-86,119r84,0","w":215}
,"5":{
"d":"15,-28r19,-26v0,0,21,26,58,26v32,0,57,-23,57,-52v0,-31,-23,-52,-58,-52v-46,0,-39,21,-65,5r13,-127r131,0r0,62r-31,0r0,-33r-70,0v-1,23,-8,50,-7,71v0,0,14,-8,36,-8v53,0,88,36,88,81v0,48,-39,85,-92,85v-51,0,-79,-32,-79,-32","w":203}
,"6":{
"d":"115,4v-55,0,-95,-47,-95,-118v0,-67,36,-144,116,-144v29,0,48,10,48,10r-11,30v0,0,-16,-9,-37,-9v-47,0,-71,44,-76,87v42,-51,139,-15,139,59v0,50,-36,85,-84,85xm58,-96v0,30,23,68,57,68v30,0,47,-22,47,-53v0,-31,-19,-54,-54,-54v-28,0,-50,18,-50,39","w":214}
,"7":{
"d":"37,0r113,-226v-30,2,-71,0,-104,1r0,33r-32,0r0,-62r175,0r0,24r-115,230r-37,0","w":195,"k":{
"4":4}
}
,"8":{
"d":"19,-72v0,-41,34,-64,41,-69v-54,-33,-33,-117,49,-117v48,0,80,26,80,66v0,35,-25,62,-30,67v66,33,34,129,-51,129v-51,0,-89,-32,-89,-76xm65,-192v0,29,33,39,67,54v4,-5,22,-25,22,-50v0,-25,-18,-40,-45,-40v-28,0,-44,16,-44,36xm55,-75v0,29,25,48,53,48v27,0,51,-18,51,-43v0,-30,-33,-38,-73,-56v-7,5,-31,23,-31,51","w":216}
,"9":{
"d":"16,-173v0,-50,36,-85,84,-85v55,0,95,47,95,118v0,67,-36,144,-116,144v-29,0,-49,-10,-49,-10r11,-30v0,0,16,8,37,8v46,1,76,-45,77,-86v-43,48,-139,14,-139,-59xm53,-173v0,30,19,52,53,52v28,0,51,-17,51,-38v0,-30,-24,-68,-57,-68v-29,0,-47,23,-47,54","w":214}
,":":{
"d":"35,0r0,-38r37,0r0,38r-37,0xm35,-144r0,-38r37,0r0,38r-37,0","w":107}
,";
":{
"d":"37,-144r0,-38r36,0r0,38r-36,0xm15,45r22,-83r37,0r-30,83r-29,0","w":107}
,"<":{
"d":"21,-91r0,-23r168,-75r0,32r-129,55r129,54r0,32"}
,"=":{
"d":"24,-122r0,-28r172,0r0,28r-172,0xm24,-54r0,-28r172,0r0,28r-172,0","k":{
"7":6,"1":4}
}
,">":{
"d":"32,-16r0,-32r129,-55r-129,-54r0,-32r168,75r0,23"}
,"?":{
"d":"53,-70v-10,-68,59,-77,61,-121v0,-20,-17,-35,-41,-35v-23,0,-41,15,-41,15r-19,-25v0,0,24,-23,63,-23v41,0,75,26,75,66v-1,66,-73,61,-64,123r-34,0xm52,0r0,-35r37,0r0,35r-37,0","w":168}
,"@":{
"d":"15,-87v0,-74,57,-133,137,-133v107,1,87,82,88,175r26,0r0,26r-98,0v-45,0,-74,-32,-74,-68v-1,-49,50,-75,113,-67v0,-20,-22,-37,-57,-37v-58,0,-100,48,-100,105v0,56,42,103,103,103r0,28v-80,0,-138,-58,-138,-132xm129,-87v0,37,36,47,78,42r0,-85v-42,-4,-78,5,-78,43","w":283,"k":{
"Y":6,"W":5,"V":6}
}
,"A":{
"d":"4,0r0,-28r24,0r81,-226r41,0r81,226r25,0r0,28r-89,0r0,-28r27,0r-19,-57r-90,0r-20,57r27,0r0,28r-88,0xm94,-113r72,0r-37,-108v-7,36,-24,74,-35,108","w":259,"k":{
"Y":19,"d":2,"e":3,"g":3,"c":3,"o":3,"q":2,"\"":17,"'":17,"T":18,"U":12,"V":22,"W":17,"C":6,"G":6,"O":6,"Q":6,"w":13,"y":14,"s":1,"v":14,"*":10,"-":8,"\\":5,"b":2,"f":1,"i":1,"j":4,"l":3,"m":1,"n":1,"r":1,"p":4,"t":6,"u":6}
}
,"B":{
"d":"224,-72v0,46,-34,72,-85,72r-120,0r0,-28r32,0r0,-198r-32,0r0,-28v84,3,195,-21,195,65v0,26,-14,43,-32,55v27,8,42,33,42,62xm177,-186v0,-45,-46,-40,-90,-39r0,78v43,1,90,6,90,-39xm87,-30v50,2,101,5,101,-44v0,-49,-52,-46,-101,-44r0,88","w":244,"k":{
"x":2,"p":1,"V":3,"Y":3,"A":2,"W":3,"f":1,"i":1,"j":1,"m":1,"n":1,"r":1,"h":2,"k":2,"z":1}
}
,"C":{
"d":"18,-129v0,-75,57,-129,130,-129v31,0,96,11,96,50r0,31r-33,0v9,-41,-30,-51,-62,-51v-54,0,-94,40,-94,98v0,60,41,103,96,103v26,-1,76,-8,64,-50r33,0r0,31v0,37,-64,50,-99,50v-76,0,-131,-59,-131,-133","w":267}
,"D":{
"d":"262,-127v0,80,-50,128,-134,127r-109,0r0,-28r32,0r0,-198r-32,0r0,-28r108,0v87,-3,135,46,135,127xm224,-127v0,-78,-51,-106,-137,-98r0,195v85,8,137,-20,137,-97","w":280,"k":{
"Y":7,",":5,".":5,"A":5,"B":3,"D":3,"E":3,"F":3,"H":3,"I":3,"K":3,"L":3,"N":3,"P":3,"R":3,"M":3,"U":2,"V":5,"W":4,"X":9,"b":1,"l":1,"h":4,"k":4}
}
,"E":{
"d":"19,0r0,-28r32,0r0,-198r-32,0r0,-28r184,0r0,59r-31,0r0,-30r-85,0r0,82r90,0r0,30r-90,0r0,83r91,0r0,-30r31,0r0,60r-190,0","w":227,"k":{
"g":1,"c":1,"o":1,"w":4,"y":4,"v":4,"-":7,"j":3,"p":3,"t":2,"u":3}
}
,"F":{
"d":"19,0r0,-28r32,0r0,-198r-32,0r0,-28r176,0r0,60r-31,0r0,-29r-77,0r0,84r88,0r0,30r-88,0r0,81r34,0r0,28r-102,0","w":207,"k":{
"x":13,"v":1,"q":6,"p":3,";
":3,",":17,".":18,"A":15,"J":14,"d":6,"e":7,"g":6,"c":7,"o":7,"y":1,"s":10,"a":12,"-":4,"f":4,"i":3,"j":2,"m":4,"n":4,"r":4,"t":1,"u":3,"z":4}
}
,"G":{
"d":"18,-128v0,-75,54,-130,133,-130v45,0,97,18,97,50r0,31r-33,0v8,-41,-24,-51,-63,-51v-59,0,-97,41,-97,99v0,59,38,102,98,102v23,0,68,-7,68,-32r0,-33r-50,0r0,-28r83,0r0,71v0,39,-66,53,-104,53v-78,0,-132,-57,-132,-132","w":275,"k":{
"Y":2,"A":2,"V":2,"W":2}
}
,"H":{
"d":"19,0r0,-28r32,0r0,-198r-32,0r0,-28r100,0r0,28r-32,0r0,84r132,0r0,-84r-33,0r0,-28r100,0r0,28r-31,0r0,198r31,0r0,28r-100,0r0,-28r33,0r0,-84r-132,0r0,84r32,0r0,28r-100,0","w":305,"k":{
"d":5,"e":6,"g":6,"c":6,"o":6,"q":5,"C":3,"G":3,"O":3,"Q":3,"w":6,"y":6,"s":1,"v":6,"-":6,"f":1,"i":1,"j":4,"m":1,"n":1,"r":1,"p":6,"t":4,"u":6}
}
,"I":{
"d":"19,0r0,-28r32,0r0,-198r-32,0r0,-28r100,0r0,28r-32,0r0,198r32,0r0,28r-100,0","w":137,"k":{
"d":5,"e":6,"g":6,"c":6,"o":6,"q":5,"C":3,"G":3,"O":3,"Q":3,"w":6,"y":6,"s":1,"v":6,"-":6,"f":1,"i":1,"j":4,"m":1,"n":1,"r":1,"p":6,"t":4,"u":6}
}
,"J":{
"d":"82,4v-40,0,-79,-29,-73,-90r35,0v-2,32,7,57,39,58v20,0,38,-12,38,-47r0,-151r-36,0r0,-28r101,0r0,28r-29,0r0,154v0,54,-38,76,-75,76","w":199,"k":{
",":6,".":5,"A":8,"J":3,"d":7,"e":7,"g":7,"c":8,"o":8,"q":7,"C":2,"G":2,"O":2,"Q":2,"w":3,"y":3,"s":8,"a":7,"v":3,"-":5,"f":6,"i":5,"j":4,"m":7,"n":7,"r":7,"p":6,"t":3,"u":4,"z":7,":":3,";
":3,"x":15}
}
,"K":{
"d":"19,0r0,-28r32,0r0,-198r-32,0r0,-28r95,0r0,28r-27,0r0,79r33,0r55,-79r-23,0r0,-28r86,0r0,28r-25,0r-66,92v22,20,43,68,60,97v6,10,16,9,30,9r0,28v-29,0,-50,1,-61,-19r-49,-88v-5,-13,-23,-10,-40,-10r0,89r31,0r0,28r-99,0","w":249,"k":{
"d":7,"e":9,"g":10,"c":10,"o":10,"q":7,"C":9,"G":9,"O":9,"Q":9,"w":10,"y":12,"v":12,"-":11,"j":6,"p":8,"t":6,"u":8}
}
,"L":{
"d":"19,0r0,-28r32,0r0,-197r-32,0r0,-29r100,0r0,29r-32,0r0,195r89,0r0,-41r31,0r0,71r-188,0","w":217,"k":{
"Y":16,"\"":22,"'":22,"T":15,"U":5,"V":23,"W":16,"w":6,"y":9,"v":8,"*":22,"-":6,"\\":4,"j":4,"l":1,"p":3,"t":4,"u":4}
}
,"M":{
"d":"14,0r0,-28r31,0r17,-198r-33,0r0,-28r72,0r72,173r71,-173r72,0r0,28r-33,0r17,198r31,0r0,28r-98,0r0,-28r31,0r-12,-152v-1,-8,3,-22,0,-21v-15,55,-44,102,-64,153r-31,0v-21,-52,-48,-97,-64,-153r-2,0v4,55,-8,117,-10,173r31,0r0,28r-98,0","w":344,"k":{
"v":10,"q":3,"p":5,"V":2,"d":3,"e":4,"g":4,"c":4,"o":4,"W":2,"C":3,"G":3,"O":3,"Q":3,"w":9,"y":11,"-":6,"j":5,"t":6,"u":6}
}
,"N":{
"d":"19,0r0,-28r32,0r0,-198r-32,0r0,-28r67,0r125,182v5,7,7,19,10,18v-5,-50,-1,-117,-2,-172r-32,0r0,-28r100,0r0,28r-32,0r0,226r-35,0r-125,-182v-6,-7,-7,-20,-10,-19v5,51,1,118,2,173r33,0r0,28r-101,0","w":301,"k":{
",":4,".":4,"A":4,"J":3,"d":6,"e":7,"g":7,"c":8,"o":8,"q":6,"C":2,"G":2,"O":2,"Q":2,"w":3,"y":4,"s":8,"a":7,"v":3,"-":5,"f":6,"i":5,"j":5,"m":7,"n":7,"r":7,"p":6,"t":3,"u":5,"z":7,"x":15}
}
,"O":{
"d":"17,-129v0,-73,57,-129,131,-129v73,0,131,56,131,129v0,75,-58,133,-131,133v-74,0,-131,-58,-131,-133xm54,-129v0,57,42,101,94,101v51,0,93,-44,93,-101v0,-55,-42,-98,-93,-98v-52,0,-94,43,-94,98","w":295,"k":{
"Y":7,",":6,".":5,"A":6,"B":3,"D":3,"E":3,"F":3,"H":3,"I":3,"K":3,"L":3,"N":3,"P":3,"R":3,"M":3,"U":2,"V":6,"W":4,"X":9,"h":4,"k":4}
}
,"P":{
"d":"224,-175v1,69,-60,87,-137,80r0,67r32,0r0,28r-100,0r0,-28r32,0r0,-198r-32,0r0,-28r119,0v53,-2,86,30,86,79xm188,-175v0,-51,-48,-53,-101,-50r0,100v52,2,101,2,101,-50","w":235,"k":{
"q":3,"X":4,"M":3,",":27,".":27,"A":15,"J":14,"d":3,"e":3,"g":2,"c":3,"o":3,"s":2,"a":3,"-":3}
}
,"Q":{
"d":"18,-129v0,-73,55,-129,130,-129v110,0,171,133,101,213r30,29r-21,22r-29,-29v-82,66,-211,1,-211,-106xm55,-129v0,80,86,130,149,82r-38,-37r21,-22r37,38v46,-61,2,-159,-76,-159v-53,0,-93,42,-93,98","w":297,"k":{
"Y":7,",":6,".":5,"A":6,"B":3,"D":3,"E":3,"F":3,"H":3,"I":3,"K":3,"L":3,"N":3,"P":3,"R":3,"M":3,"U":2,"V":6,"W":4,"X":9,"h":4,"k":4}
}
,"R":{
"d":"19,-254v89,3,201,-22,201,71v0,38,-22,62,-52,72v18,17,33,52,47,75v5,9,13,8,25,8r0,28v-28,0,-46,1,-57,-19r-39,-70v-7,-19,-33,-13,-57,-14r0,75r31,0r0,28r-99,0r0,-28r32,0r0,-198r-32,0r0,-28xm184,-180v0,-48,-48,-47,-97,-45r0,93v50,2,97,3,97,-48","w":252,"k":{
"Y":6,"J":2,"d":3,"e":4,"g":4,"c":4,"o":4,"q":3,"B":2,"D":2,"E":2,"F":2,"H":2,"I":2,"K":2,"L":2,"N":2,"P":2,"R":2,"T":3,"U":4,"V":6,"W":5,"C":3,"G":3,"O":3,"Q":3,"w":3,"y":4,"s":2,"a":1,"v":4,"S":2,"-":6,"b":2,"f":2,"i":2,"j":3,"l":3,"m":2,"n":2,"r":2,"p":3,"t":3,"u":3,"h":1,"k":1,"z":1}
}
,"S":{
"d":"61,-192v0,64,129,42,129,123v0,49,-40,73,-87,73v-50,0,-94,-21,-84,-80r33,0v-5,36,16,48,51,48v29,0,50,-14,50,-39v0,-65,-129,-41,-129,-123v0,-48,39,-68,82,-68v52,0,87,17,77,72r-34,0v5,-31,-13,-40,-43,-41v-25,0,-45,12,-45,35","w":208,"k":{
"A":2,"V":2,"W":2,"y":1,"v":1,"f":1,"i":1,"j":2,"m":1,"n":1,"r":1,"p":2,"u":1,"z":1,"x":2}
}
,"T":{
"d":"69,0r0,-28r33,0r0,-197r-60,0r0,40r-32,0r0,-69r219,0r0,69r-32,0r0,-40r-59,0r0,197r32,0r0,28r-101,0","w":239,"k":{
",":11,".":12,"A":18,"J":15,"d":12,"e":12,"g":12,"c":13,"o":13,"q":12,"s":12,"a":12,"-":25,"f":1,"i":1,"m":1,"n":1,"r":1,"z":3,"x":4}
}
,"U":{
"d":"144,4v-60,0,-101,-36,-101,-99r0,-131r-32,0r0,-28r100,0r0,28r-32,0r0,131v0,44,24,67,65,67v41,0,64,-24,64,-67r0,-131r-32,0r0,-28r100,0r0,28r-32,0r0,131v0,61,-40,100,-100,99","w":286,"k":{
",":8,".":8,"A":12,"J":3,"d":8,"e":9,"g":8,"c":9,"o":9,"q":8,"C":2,"G":2,"O":2,"Q":2,"w":2,"y":3,"s":10,"a":9,"v":3,"-":5,"f":7,"i":5,"j":4,"m":7,"n":7,"r":7,"p":5,"t":3,"u":4,"z":9,":":3,";
":4,"x":16}
}
,"V":{
"d":"109,0r-80,-226r-25,0r0,-28r91,0r0,28r-28,0r57,167v4,9,2,21,5,20v17,-63,42,-126,61,-187r-28,0r0,-28r91,0r0,28r-25,0r-80,226r-39,0","w":257,"k":{
"x":18,"v":3,"q":21,"p":6,"j":5,"M":2,"@":5,";
":7,":":7,"\/":5,",":24,".":24,"A":22,"J":15,"d":21,"e":22,"g":21,"c":23,"o":23,"C":5,"G":5,"O":5,"Q":5,"w":3,"y":3,"s":24,"a":23,"S":2,"-":14,"b":-7,"f":10,"i":7,"l":-6,"m":9,"n":9,"r":9,"t":4,"u":5,"z":12}
}
,"W":{
"d":"6,-226r0,-28r90,0r0,28r-30,0r43,185r57,-213r31,0r56,213r2,0v9,-64,29,-124,42,-185r-30,0r0,-28r90,0r0,28r-24,0r-57,226r-41,0r-50,-180v-4,-9,-1,-22,-4,-21v-14,68,-36,135,-53,201r-41,0r-57,-226r-24,0","w":363,"k":{
"@":4,",":15,".":15,"A":17,"J":15,"d":15,"e":16,"g":15,"c":17,"o":17,"q":15,"M":2,"C":4,"G":4,"O":4,"Q":4,"w":3,"y":3,"s":15,"a":15,"v":3,"S":2,"-":10,"b":-5,"f":7,"i":6,"j":4,"l":-5,"m":8,"n":8,"r":8,"p":5,"t":4,"u":4,"z":10,":":6,";
":6,"x":16,"\/":4}
}
,"X":{
"d":"11,0r0,-28r24,0r65,-101r-64,-97r-24,0r0,-28r89,0r0,28r-27,0r49,76r47,-76r-26,0r0,-28r86,0r0,28r-24,0r-66,101r65,97r24,0r0,28r-89,0r0,-28r27,0r-50,-77v-12,26,-32,52,-46,77r26,0r0,28r-86,0","w":240,"k":{
"v":11,"q":8,"p":8,"j":6,"d":8,"e":10,"g":11,"c":11,"o":11,"C":9,"G":9,"O":9,"Q":9,"w":10,"y":11,"-":13,"t":6,"u":8}
}
,"Y":{
"d":"67,0r0,-28r32,0r0,-80r-71,-118r-24,0r0,-28r87,0r0,28r-27,0r53,90r53,-90r-26,0r0,-28r86,0r0,28r-24,0r-71,118r0,80r32,0r0,28r-100,0","w":234,"k":{
"@":6,",":11,".":12,"A":19,"J":15,"d":24,"e":26,"g":25,"c":26,"o":26,"q":24,"C":7,"G":7,"O":7,"Q":7,"w":5,"y":5,"s":27,"a":25,"v":5,"S":2,"-":24,"b":-7,"f":11,"i":8,"j":6,"l":-7,"m":11,"n":11,"r":11,"p":8,"t":5,"u":7,"z":13,":":8,";
":8,"x":20,"\/":4}
}
,"Z":{
"d":"19,0r0,-24r131,-189v5,-8,11,-11,11,-13v-31,2,-74,0,-108,1r0,40r-32,0r0,-69r183,0r0,23r-141,203v32,-5,78,-1,114,-2r0,-41r31,0r0,71r-189,0","w":227,"k":{
"g":1,"w":8,"y":8,"v":8,"-":8,"j":4,"p":5,"t":4,"u":5,"z":1}
}
,"[":{
"d":"35,34r0,-299r59,0r0,27r-28,0r0,246r28,0r0,26r-59,0","w":111}
,"\\":{
"d":"107,15r-92,-283r31,0r92,283r-31,0","w":152,"k":{
"V":5,"Y":4,"W":4}
}
,"]":{
"d":"18,8r29,0r0,-246r-29,0r0,-27r59,0r0,299r-59,0r0,-26","w":112}
,"^":{
"d":"25,-89r72,-165r23,0r72,165r-32,0r-52,-127r-51,127r-32,0"}
,"_":{
"d":"4,0r193,0r0,28r-193,0r0,-28","w":200}
,"`":{
"d":"95,-272r-45,-46r40,0r37,46r-32,0","w":179}
,"a":{
"d":"12,-51v0,-61,77,-61,118,-61v2,-32,-15,-46,-39,-46v-29,0,-52,18,-52,18r-15,-25v0,0,28,-21,70,-21v46,0,71,24,71,70r0,81v-1,12,16,7,26,8r0,27v-32,2,-68,4,-59,-34v0,0,-16,38,-60,38v-30,0,-60,-18,-60,-55xm47,-54v0,16,12,31,33,31v33,-1,52,-33,50,-66v-26,0,-83,-3,-83,35","w":199,"k":{
"Y":26,"W":17,"V":26,"T":17,"\"":5,"'":5,"U":11,"C":3,"G":3,"O":3,"Q":3,"w":4,"y":5,"v":5,"\\":4,"j":2,"l":2,"p":2,"t":3,"u":2}
}
,"b":{
"d":"31,0r0,-227r-31,0r0,-27r66,0r-1,99v0,0,17,-31,59,-31v49,0,80,38,80,95v0,58,-35,95,-83,95v-57,0,-61,-70,-57,-4r-33,0xm64,-90v0,32,17,64,52,64v28,0,52,-24,52,-65v0,-40,-21,-65,-51,-65v-27,0,-53,20,-53,66","w":219,"k":{
"Y":25,"A":2,"\"":5,"'":5,"B":5,"D":5,"E":5,"F":5,"H":5,"I":5,"K":5,"L":5,"N":5,"P":5,"R":5,"M":3,"T":12,"U":8,"V":21,"W":15,"X":7,"Z":5}
}
,"c":{
"d":"14,-91v0,-56,43,-95,97,-95v35,0,82,13,71,63r-31,0v5,-26,-18,-33,-39,-33v-37,0,-62,26,-62,65v0,41,29,65,64,65v31,0,52,-18,58,-23r14,25v-8,8,-34,28,-73,28v-53,0,-99,-36,-99,-95","w":199,"k":{
"Z":2,"Y":25,"W":14,"V":20,"T":13,"S":1,"B":2,"D":2,"E":2,"F":2,"H":2,"I":2,"K":2,"L":2,"N":2,"P":2,"R":2,"U":12}
}
,"d":{
"d":"15,-91v0,-58,34,-95,83,-95v43,0,54,31,57,30v-2,-18,-1,-50,-1,-71r-31,0r0,-27r66,0r0,219v0,12,16,7,26,8r0,27v-31,2,-67,3,-59,-32v0,0,-14,36,-61,36v-49,0,-80,-38,-80,-95xm51,-91v0,40,21,65,51,65v27,0,53,-20,53,-65v0,-33,-17,-65,-52,-65v-29,0,-52,24,-52,65","w":226,"k":{
"Y":5,"W":5,"V":5,"T":4,"g":1,"c":1,"o":1,"U":5,"C":3,"G":3,"O":3,"Q":3,"w":2,"y":2,"v":2,"j":1,"l":3,"p":1,"t":1,"u":1}
}
,"e":{
"d":"15,-91v0,-58,39,-95,91,-95v56,1,84,44,78,98r-134,0v2,40,31,62,63,62v32,0,55,-20,55,-20r14,25v0,0,-27,25,-71,25v-57,0,-96,-41,-96,-95xm52,-110r97,0v-1,-32,-21,-49,-44,-49v-27,0,-48,18,-53,49","w":199,"k":{
"Z":2,"Y":30,"X":1,"W":15,"V":24,"T":12,"A":1,"\"":3,"'":3,"B":2,"D":2,"E":2,"F":2,"H":2,"I":2,"K":2,"L":2,"N":2,"P":2,"R":2,"U":9}
}
,"f":{
"d":"17,0r0,-27r29,0r0,-128r-31,0r0,-27r31,0v0,-67,41,-81,82,-74r0,29v-23,-5,-51,2,-47,45r44,0r0,27r-44,0r0,128r33,0r0,27r-97,0","w":135,"k":{
"J":3,"e":1,"c":2,"o":2}
}
,"g":{
"d":"44,34v0,0,23,12,50,12v43,0,62,-29,58,-78v-11,18,-28,30,-55,30v-50,0,-82,-40,-82,-93v0,-82,96,-122,140,-62v-10,-29,30,-26,59,-25r0,27v-10,1,-28,-4,-28,7r0,140v-1,86,-93,100,-154,68xm104,-32v25,0,48,-15,48,-63v0,-48,-24,-61,-52,-61v-31,0,-49,23,-49,60v0,38,20,64,53,64","w":225,"k":{
"Z":1,"Y":9,"X":8,"W":6,"V":6,"M":5,"J":3,"A":4,"c":1,"o":1,"B":6,"D":6,"E":6,"F":6,"H":6,"I":6,"K":6,"L":6,"N":6,"P":6,"R":6,"U":5,"l":1,"h":2,"k":2}
}
,"h":{
"d":"12,0r0,-27r28,0r0,-200r-30,0r0,-27r65,0r0,109v8,-18,32,-41,68,-41v77,0,61,87,62,159r29,0r0,27r-64,0r0,-109v0,-26,-5,-45,-34,-45v-57,0,-66,63,-61,127r29,0r0,27r-92,0","w":242,"k":{
"Y":26,"\"":5,"'":5,"T":18,"U":12,"V":26,"W":18,"C":4,"G":4,"O":4,"Q":4,"w":4,"y":5,"v":5,"*":3,"\\":4,"j":2,"l":2,"p":2,"t":3,"u":3}
}
,"i":{
"d":"45,-219r0,-35r37,0r0,35r-37,0xm17,0r0,-27r29,0r0,-128r-31,0r0,-27r66,0r0,155r28,0r0,27r-92,0","w":120,"k":{
"Y":6,"W":6,"V":6,"T":6,"e":1,"g":2,"c":2,"o":2,"U":6,"C":4,"G":4,"O":4,"Q":4,"w":3,"y":3,"v":3,"b":1,"j":2,"l":3,"p":2,"t":2,"u":2}
}
,"j":{
"d":"40,-219r0,-35r37,0r0,35r-37,0xm-6,45v23,0,47,-1,47,-41r0,-159r-31,0r0,-27r66,0r0,187v-4,66,-47,71,-82,68r0,-28","w":106,"k":{
"Z":2,"Y":3,"W":3,"V":3,"T":2,"S":2,"M":3,"A":2,"B":3,"D":3,"E":3,"F":3,"H":3,"I":3,"K":3,"L":3,"N":3,"P":3,"R":3,"U":3,"C":2,"G":2,"O":2,"Q":2,"h":1,"k":1}
}
,"k":{
"d":"12,0r0,-27r28,0r0,-200r-30,0r0,-27r65,0r0,142r27,0r36,-43r-24,0r0,-27r83,0r0,27r-24,0r-45,53v14,12,33,49,44,68v5,9,15,7,27,7r0,27v-27,-1,-45,3,-57,-17r-36,-61v-5,-10,-17,-8,-31,-8r0,59r24,0r0,27r-87,0","w":211,"k":{
"Y":17,"W":13,"V":15,"T":4,"e":2,"g":2,"c":4,"o":4,"U":13,"l":3}
}
,"l":{
"d":"31,-52r0,-175r-31,0r0,-27r66,0r0,200v-1,19,8,29,29,26v-4,14,10,29,-16,29v-26,0,-48,-11,-48,-53","w":105,"k":{
"Y":6,"W":6,"V":6,"T":5,"e":1,"g":1,"c":1,"o":1,"U":6,"C":4,"G":4,"O":4,"Q":4,"w":3,"y":3,"v":3,"b":1,"j":2,"l":3,"p":2,"t":2,"u":2}
}
,"m":{
"d":"17,0r0,-27r29,0r0,-121v-1,-12,-20,-5,-31,-7r0,-27v36,-2,76,-4,64,40v13,-45,109,-68,118,-2v12,-21,35,-42,66,-42v74,0,60,88,60,159r28,0r0,27r-63,0r0,-109v0,-26,-5,-46,-32,-46v-54,2,-58,68,-54,128r28,0r0,27r-63,0r0,-109v0,-24,-4,-46,-32,-46v-54,0,-57,68,-54,128r28,0r0,27r-92,0","w":360,"k":{
"Y":26,"\"":5,"'":5,"T":18,"U":12,"V":26,"W":18,"C":4,"G":4,"O":4,"Q":4,"w":4,"y":5,"v":5,"*":3,"\\":4,"j":2,"l":2,"p":2,"t":3,"u":3}
}
,"n":{
"d":"17,0r0,-27r29,0r0,-120v0,-13,-19,-7,-31,-8r0,-27v36,-2,77,-4,64,40v4,-10,25,-44,71,-44v76,0,60,88,61,159r28,0r0,27r-63,0r0,-109v0,-26,-6,-45,-35,-45v-58,2,-65,63,-60,127r28,0r0,27r-92,0","w":248,"k":{
"Y":26,"\"":5,"'":5,"T":18,"U":12,"V":26,"W":18,"C":4,"G":4,"O":4,"Q":4,"w":4,"y":5,"v":5,"*":3,"\\":4,"j":2,"l":2,"p":2,"t":3,"u":3}
}
,"o":{
"d":"14,-91v0,-55,45,-95,99,-95v54,0,98,40,98,95v0,55,-44,95,-98,95v-54,0,-99,-40,-99,-95xm50,-91v0,38,28,65,63,65v34,0,62,-27,62,-65v0,-38,-28,-65,-62,-65v-35,0,-63,27,-63,65","w":225,"k":{
"Z":7,"Y":26,"X":10,"W":17,"V":23,"T":13,"M":4,"A":3,"\"":5,"'":5,"B":6,"D":6,"E":6,"F":6,"H":6,"I":6,"K":6,"L":6,"N":6,"P":6,"R":6,"U":9,"w":1,"y":2,"v":2,"f":1,"i":1,"j":1,"m":1,"n":1,"r":1,"p":1,"h":2,"k":2,"x":4}
}
,"p":{
"d":"12,45r29,0r0,-192v0,-13,-19,-7,-31,-8r0,-27v30,0,72,-7,63,30v0,0,15,-34,61,-34v49,0,80,38,80,95v0,58,-34,95,-82,95v-49,0,-56,-59,-56,-15r0,56r28,0r0,27r-92,0r0,-27xm75,-90v0,32,17,64,51,64v29,0,53,-24,53,-65v0,-40,-21,-65,-52,-65v-27,0,-52,20,-52,66","w":229,"k":{
"Y":25,"A":2,"\"":5,"'":5,"B":5,"D":5,"E":5,"F":5,"H":5,"I":5,"K":5,"L":5,"N":5,"P":5,"R":5,"M":3,"T":12,"U":8,"V":21,"W":15,"X":7,"Z":5}
}
,"q":{
"d":"15,-91v0,-58,35,-95,83,-95v35,0,53,25,58,31r0,-27r33,0r0,227r28,0r0,27r-92,0r0,-27r29,0v-1,-24,3,-51,0,-73v0,0,-16,32,-59,32v-49,0,-80,-38,-80,-95xm51,-91v0,40,21,65,51,65v27,0,53,-19,53,-65v0,-32,-17,-65,-52,-65v-28,0,-52,24,-52,65","w":219,"k":{
"Z":4,"Y":17,"X":4,"W":13,"V":15,"T":9,"S":2,"M":3,"A":2,"B":5,"D":5,"E":5,"F":5,"H":5,"I":5,"K":5,"L":5,"N":5,"P":5,"R":5,"U":8,"C":2,"G":2,"O":2,"Q":2,"j":-14,"h":1,"k":1}
}
,"r":{
"d":"18,0r0,-27r27,0r0,-120v0,-13,-19,-7,-30,-8r0,-27v38,-2,75,-5,64,45v10,-30,31,-50,67,-47r0,35v-62,-6,-71,56,-66,122r27,0r0,27r-89,0","w":152,"k":{
"Y":8,"X":12,"W":5,"V":6,"M":7,"J":6,"A":7,"c":2,"o":2,"B":6,"D":6,"E":6,"F":6,"H":6,"I":6,"K":6,"L":6,"N":6,"P":6,"R":6,"U":5,"h":2,"k":2,"?":4}
}
,"s":{
"d":"57,-136v0,43,102,29,102,87v0,35,-32,53,-73,53v-41,0,-81,-15,-72,-63r31,0v-5,27,17,35,42,35v21,0,36,-9,36,-24v0,-42,-102,-30,-102,-88v0,-36,36,-50,68,-50v35,0,72,13,63,58r-31,0v3,-22,-8,-29,-32,-30v-17,0,-32,7,-32,22","w":173,"k":{
"Z":1,"Y":25,"W":14,"V":21,"T":12,"A":1,"B":2,"D":2,"E":2,"F":2,"H":2,"I":2,"K":2,"L":2,"N":2,"P":2,"R":2,"U":9}
}
,"t":{
"d":"37,-67r0,-88r-31,0r0,-27r32,0r0,-50r34,0r0,50r44,0r0,27r-44,0r0,85v3,41,24,43,47,42r0,29v-37,1,-82,-1,-82,-68","w":129,"k":{
"Y":13,"W":6,"V":12,"T":3,"U":6}
}
,"u":{
"d":"98,4v-72,0,-60,-89,-60,-159r-31,0r0,-27r66,0r0,109v0,25,5,46,34,46v57,0,64,-65,59,-128r-31,0r0,-27r66,0r0,147v0,12,16,7,27,8r0,27v-35,2,-70,4,-61,-39v-4,10,-24,43,-69,43","w":239,"k":{
"Y":19,"W":18,"V":22,"T":12,"e":1,"g":1,"c":1,"o":1,"U":11,"C":4,"G":4,"O":4,"Q":4,"w":2,"y":3,"v":3,"b":1,"j":2,"l":3,"p":2,"t":2,"u":2}
}
,"v":{
"d":"3,-155r0,-27r82,0r0,27r-23,0r43,123v10,-41,30,-83,43,-123r-23,0r0,-27r81,0r0,27r-23,0r-59,155r-39,0r-59,-155r-23,0","w":209,"k":{
"Y":5,"X":12,"W":3,"V":3,"M":10,"J":5,"?":5,",":7,".":7,"A":14,"e":1,"c":2,"o":2,"B":6,"D":6,"E":6,"F":6,"H":6,"I":6,"K":6,"L":6,"N":6,"P":6,"R":6,"U":3,"h":3,"k":3}
}
,"w":{
"d":"4,-155r0,-27r81,0r0,27r-25,0r35,123v10,-52,30,-101,43,-150r32,0r44,150v8,-41,24,-84,34,-123r-25,0r0,-27r82,0r0,27r-23,0r-47,155r-39,0r-42,-139v-12,47,-29,94,-42,139r-39,0r-47,-155r-22,0","w":308,"k":{
"Y":5,"X":10,"W":3,"V":3,"M":9,"J":4,",":5,".":4,"A":13,"c":1,"o":1,"B":6,"D":6,"E":6,"F":6,"H":6,"I":6,"K":6,"L":6,"N":6,"P":6,"R":6,"U":2,"h":3,"k":3,"?":4}
}
,"x":{
"d":"13,0r0,-27r28,0r43,-67r-40,-61r-30,0r0,-27r52,0r39,65v10,-21,27,-45,39,-65r49,0r0,27r-28,0r-41,61r45,67r25,0r0,27r-47,0r-44,-71v-11,23,-29,49,-42,71r-48,0","w":205,"k":{
"Y":17,"W":14,"V":15,"T":3,"e":2,"c":3,"o":3,"U":13,"l":2}
}
,"y":{
"d":"23,38v0,0,11,8,26,8v23,0,34,-24,41,-43r-64,-158r-23,0r0,-27r83,0r0,27r-24,0r45,124r45,-124r-23,0r0,-27r80,0r0,27r-23,0r-72,184v-10,47,-75,56,-103,35","w":212,"k":{
"Y":5,"X":12,"W":3,"V":3,"M":11,"J":5,",":8,".":7,"A":14,"e":1,"c":2,"o":2,"B":6,"D":6,"E":6,"F":6,"H":6,"I":6,"K":6,"L":6,"N":6,"P":6,"R":6,"U":3,"h":3,"k":3,"?":5}
}
,"z":{
"d":"17,-23r111,-133v-21,2,-54,1,-78,1r0,29r-31,0r0,-56r151,0r0,23r-110,132r82,0r0,-29r30,0r0,56r-155,0r0,-23","w":189,"k":{
"Y":13,"W":10,"V":12,"T":3,"U":9}
}
,"{
":{
"d":"42,-28r0,-34v0,-37,-30,-40,-30,-40r0,-30v0,0,30,-3,30,-40r0,-31v4,-61,40,-62,67,-62r0,27v-16,0,-36,-1,-36,37r0,38v0,38,-30,43,-29,46v0,0,29,9,29,46r0,41v2,38,20,38,36,38r0,27v-28,0,-62,-2,-67,-63","w":121}
,"|":{
"d":"34,57r0,-342r31,0r0,342r-31,0","w":99}
,"}
":{
"d":"12,8v16,0,36,0,36,-38r0,-41v0,-39,30,-44,29,-47v0,0,-29,-9,-29,-45r0,-38v-2,-38,-20,-37,-36,-37r0,-27v29,0,62,1,67,62r0,31v0,37,30,40,30,40r0,30v0,0,-30,3,-30,40r0,34v-4,61,-39,63,-67,63r0,-27","w":121}
,"~":{
"d":"24,-73v0,-42,19,-61,50,-61v38,0,42,35,69,35v19,0,24,-19,24,-34r29,0v0,42,-20,61,-51,61v-38,0,-42,-35,-69,-35v-19,0,-23,19,-23,34r-29,0","w":219}
,"\u00a0":{
"w":90}
}
}
);
CSS代码(style.css):
*{margin:0;padding:0;}
body{font-family:"Trebuchet MS","Myriad Pro",Arial,sans-serif;font-size:14px;background:#333 url(../images/background.png) repeat top left;color:#333;}
h1{background:transparent url(../images/title.png) no-repeat top left;text-indent:-9000px;width:73px;height:530px;position:absolute;top:20px;left:0px;}
h2{font-size:26px;padding:10px 0px 10px 0px;margin-top:20px;}
a{color:#777;text-decoration:none;outline:none;}
a:hover{color:#222;}
p{padding:5px 0px;}
.wrapper{width:960px;margin:20px auto;position:relative;}
.box{width:49%;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.footer{text-align:center;width:100%;color:#fff;padding:10px 0px;clear:both;margin-top:30px;}
.footer a{margin:0px 20px;font-size:14px;text-transform:uppercase;}
/* Box Gallery style */
.xg_container{width:800px;height:530px;background:#aaa url(../images/default.jpg) no-repeat top left;position:relative;margin:0 auto 60px auto;border:14px solid #fff;-moz-box-shadow:1px 1px 4px #333;-webkit-box-shadow:1px 1px 4px #333;box-shadow:1px 1px 4px #333;}
.xg_bgimages img{position:absolute;display:none;top:0px;left:0px;width:800px;height:530px;opacity:0.3;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}
.xg_container ul{list-style:none;margin:0;padding:0;}
ul.xg_menu{position:relative;z-index:9999;background:transparent url(../images/bg.png) no-repeat top left;width:800px;height:530px;}
ul.xg_menu li{width:266px;height:176px;float:left;}
ul.xg_menu li a{display:block;float:left;width:100%;text-decoration:none;height:100%;}
ul.xg_menu li a:hover{background:none;}
ul.xg_menu li a span{padding:5px;display:block;text-align:center;margin:76px 20px 0px 20px;background:#fff;color:#333;opacity:0.8;text-transform:uppercase;font-size:18px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
ul.xg_menu li:hover a{opacity:1.0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);}
.xg_preview{position:absolute;top:0px;left:0px;width:800px;height:530px;overflow:hidden;z-index:11;}
.xg_preview img{position:absolute;display:none;left:800px;top:0px;width:800px;height:530px;}
.xg_nav a{width:35px;height:50px;position:absolute;top:50%;margin-top:-25px;cursor:pointer;opacity:0.7;z-index:9999;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
.xg_nav a:hover{opacity:0.9;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);}
a.xg_next_image{background:#000 url(../images/next.png) no-repeat center center;right:0px;display:none;-moz-border-radius:25px 0px 0px 25px;-webkit-border-top-left-radius:25px;-webkit-border-bottom-left-radius:25px;border-top-left-radius:25px;border-bottom-left-radius:25px;}
a.xg_prev_image{background:#000 url(../images/prev.png) no-repeat center center;left:0px;display:none;-moz-border-radius:0px 25px 25px 0px;-webkit-border-top-right-radius:25px;-webkit-border-bottom-right-radius:25px;border-top-right-radius:25px;border-bottom-right-radius:25px;}
.xg_loader{display:none;width:50px;height:50px;background:#000 url(../images/ajax-loader.gif) no-repeat center center;position:absolute;top:50%;left:50%;margin:-25px 0px 0px -25px;opacity:0.7;z-index:100;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
.xg_back{display:none;background:#000 url(../images/back.png) no-repeat 50% 9px;width:68px;height:35px;position:absolute;left:50%;margin-left:-34px;top:544px;cursor:pointer;opacity:0.7;-moz-border-radius:0px 0px 35px 35px;-webkit-border-bottom-left-radius:35px;-webkit-border-bottom-right-radius:35px;border-bottom-left-radius:35px;border-bottom-right-radius:35px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
.xg_back:hover{opacity:1.0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);}
分享到QQ
分享到微博
微信扫一扫
