JQUERY制作的全屏个性相册展示Word文档下载推荐.docx

JQUERY制作的全屏个性相册展示Word文档下载推荐.docx

《JQUERY制作的全屏个性相册展示Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《JQUERY制作的全屏个性相册展示Word文档下载推荐.docx（27页珍藏版）》请在冰豆网上搜索。

description"

ParallaxSliderwithjQuery"

/>

keywords"

parallax,jquery,slider,slideshow,rotation,perspective"

styletype="

text/css"

*{

margin:

0;

padding:

}

body{

font-family:

"

TrebuchetMS"

"

MyriadPro"

Arial,sans-serif;

font-size:

14px;

background:

#222;

color:

#333;

text-shadow:

1px1px1px#fff;

overflow-x:

hidden;

h1{

56px;

#ccc;

h2{

20px;

10px0px10px0px;

15px0px20px0px;

a{

#555;

text-decoration:

none;

a:

hover{

p{

5px0px;

.wrapper{

width:

960px;

20pxauto;

.clear{

clear:

both;

.footer{

text-align:

center;

100%;

20px0px;

margin-top:

30px;

.footera{

0px20px;

/*SliderStyle*/

.pxs_container{

height:

420px;

position:

relative;

border-top:

7pxsolid#333;

border-bottom:

overflow:

-moz-box-shadow:

0px0px7px#000;

-webkit-box-shadow:

box-shadow:

.pxs_bg{

transparenturl（../images/bg.png）repeattopleft;

.pxs_bgdiv{

absolute;

top:

0px;

left:

7584px;

/*1264pxwindowwidthtimesnumberofimages*/

background-repeat:

repeat;

background-position:

topleft;

background-color:

transparent;

.pxs_bg.pxs_bg1{

background-image:

url（../images/bg1.png）;

/*leftnegative1/8ofww*/

.pxs_bg.pxs_bg2{

url（../images/bg2.png）;

/*leftnegative1/4ofww*/

.pxs_bg.pxs_bg3{

url（../images/bg3.png）;

/*leftnegative1/2ofww*/

.pxs_slider_wrapper{

display:

.pxs_containerul{

list-style:

ul.pxs_slider{

ul.pxs_sliderli{

float:

left;

ul.pxs_sliderliimg{

block;

35pxauto0pxauto;

0px0px7px#222;

border:

8pxsolidtransparent;

-moz-border-radius:

4px;

-webkit-border-radius:

border-radius:

ul.pxs_thumbnails{

35px;

320px;

50%;

ul.pxs_thumbnailsli{

ul.pxs_thumbnailsliimg{

5pxsolid#FFFFFF;

1px1px7px#555;

cursor:

pointer;

opacity:

0.7;

ul.pxs_thumbnailsli.selectedimg{

1.0;

.pxs_navigationspan{

60px;

0px0px2px#000;

145px;

0.6;

.pxs_navigationspan:

0.9;

.pxs_navigationspan.pxs_prev{

#000url（../images/prev.png）no-repeatcentercenter;

.pxs_navigationspan.pxs_next{

#000url（../images/next.png）no-repeatcentercenter;

.pxs_loading{

#fff;

15px15px15px50px;

#333url（../images/ajax-loader.gif）no-repeat10px50%;

15px;

180px;

150px;

margin-left:

-90px;

<

/style>

scripttype="

text/javascript"

varCufon=（function（）{varm=function（）{returnm.replace.apply（null,arguments）};

varx=m.DOM={ready:

（function（）{varC=false,E={loaded:

1,complete:

1};

varB=[],D=function（）{if（C）{return}C=true;

for（varF;

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）;

returnfunction（F）{if（!

arguments.length）{D（）}else{C?

F（）:

B.push（F）}}}）（）,root:

function（）{returndocument.documentElement||document.body}};

varn=m.CSS={Size:

function（C,B）{this.value=parseFloat（C）;

this.unit=String（C）.match（/[a-z%]*$/）[0]||"

px"

;

this.convert=function（D）{returnD/B*this.value};

this.convertFrom=function（D）{returnD/this.value*B};

this.toString=function（）{returnthis.value+this.unit}},addClass:

function（C,B）{varD=C.className;

C.className=D+（D&

）+B;

returnC},color:

j（function（C）{varB={};

B.color