www.gusucode.com > 左右滑动全屏jQuery焦点图特效源码程序 > 左右滑动全屏jQuery焦点图特效/jquery左右全屏背景通栏焦点图效果/jquery左右全屏背景通栏焦点图效果/css/css2.css
/* download by http://www.srcfans.com */ body.exp-new-site-width #content { position:static } #page-container, #content-container { overflow:hidden } #yt-capture-background { position:absolute; left:0; width:100%; height:443px; overflow:hidden } #yt-capture-background img { min-width:100%; min-height:100% } #yt-capture-header { position:absolute; width:970px; margin-top:35px; z-index:5 } #yt-capture-logotype img { float:left } #yt-capture-logotype img.yt-capture-logo { margin:13px 13px 0 25px } .exp-new-site-width #yt-capture-header { width:1003px } #yt-capture-hero { position:relative; height:443px; margin-bottom:65px } #yt-capture-hero, #yt-capture-hero a { color:#fff } #yt-capture-hero h2 { font-size:40px; font-family:Open Sans, arial, sans-serif; font-weight:300; line-height:48px } #yt-capture-hero p { font-size:15px; line-height:20px; margin:15px 0 } #yt-capture-hero a { font-size:16px } #yt-capture-hero-nav { position:absolute; bottom:16px; width:100%; text-align:center; z-index:3 } .yt-capture-hero-nav-item { margin:0 8px; width:0; height:0; border:8px solid #fff; outline:0; font-size:0; cursor:pointer; opacity:.5; *border-color:#ddd; *width:16px; *height:16px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -moz-box-shadow:0 0 10px rgba(0, 0, 0, .6); -ms-box-shadow:0 0 10px rgba(0, 0, 0, .6); -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .6); box-shadow:0 0 10px rgba(0, 0, 0, .6); -moz-transition:opacity .15s ease-out; -ms-transition:opacity .15s ease-out; -o-transition:opacity .15s ease-out; -webkit-transition:opacity .15s ease-out; transition:opacity .15s ease-out } .yt-capture-hero-nav-item-current, .yt-capture-hero-nav-item:hover { opacity:1; border-color:#fff } .yt-capture-hero-item { position:absolute; width:360px; bottom:125px } .yt-capture-hero-iphone-capture, .yt-capture-hero-iphone-share, .yt-capture-hero-iphone-enhance { position:absolute; bottom:-125px; z-index:0 } .yt-capture-hero-iphone-capture { left:460px } .yt-capture-hero-iphone-share { left:550px } .yt-capture-hero-iphone-enhance { left:500px } #yt-capture-hero-links { position:absolute; bottom:50px } #yt-capture-hero-links div.yt-uix-overlay { display:inline-block } #yt-capture-overlay-target { cursor:pointer; font-size:16px } #yt-capture-promo-video { width:640px; height:360px; margin-top:20px } #yt-capture-promo-overlay-close { text-align:right; margin-top:4px; margin-bottom:-10px } #yt-capture-promo-overlay-close .yt-uix-overlay-close:hover, #yt-capture-promo-overlay-close .yt-uix-overlay-close:focus { background-color:transparent } .yt-capture-hero-item h2, .yt-capture-hero-item p { position:relative; left:-15px } .yt-capture-hero-item-img { margin-left:30px } .yt-capture-hero-item h2, .yt-capture-hero-item p, .yt-capture-hero-item-img { -moz-transition:all .55s ease-in-out; -ms-transition:all .55s ease-in-out; -o-transition:all .55s ease-in-out; -webkit-transition:all .55s ease-in-out; transition:all .55s ease-in-out } .yt-capture-hero-item-current { z-index:3 } .yt-capture-hero-item-current h2, .yt-capture-hero-item-current p { left:0 } .yt-capture-hero-item h2, .yt-capture-hero-item p, .yt-capture-hero-item-img { opacity:0; *display:none } .ie8 .yt-capture-hero-item h2, .ie8 .yt-capture-hero-item p, .ie8 .yt-capture-hero-item-img { display:none } .yt-capture-hero-item-current h2, .yt-capture-hero-item-current p, .yt-capture-hero-item-current img { opacity:1; *display:block } .ie8 .yt-capture-hero-item-current h2, .ie8 .yt-capture-hero-item-current p, .ie8 .yt-capture-hero-item-current-img { display:block } .yt-capture-hero-item-current .yt-capture-hero-item-img { margin-left:0 } .yt-capture-hero-item-arrow { width:0; height:0; margin-left:35px; border:10px solid transparent; border-left-color:#fff; vertical-align:text-bottom } #yt-capture-features { color:#434343; margin-bottom:40px } #yt-capture-features h3 { margin-bottom:15px; font-size:18px; font-family:Open Sans, arial, sans-serif; font-weight:300 } #yt-capture-features p { font-size:13px; line-height:20px } .yt-capture-features-illustration { float:left; width:50px; margin-right:30px; text-align:right } #yt-capture-available { color:#434343; border-top:1px solid #e2e2e2; padding:55px 0 0; text-align:center; font-size:18px; font-family:Open Sans, arial, sans-serif } #yt-capture-appstore img { margin:20px 0 } #yt-capture-available-soon { color:#999 }