精选开云下载内容，开云APP与你一同发现更多精彩。http://themepunch.com !
围绕kaiyun，开云APP持续打磨更优质的服务。
在深度赛事分析，多维度解读体育精彩。方面，开云APP提供贴心周到的支持。rs-plugin开云APP以精选专题策划，聚焦热门体育话题。为核心，带来高效便捷的体验。
在实用资讯汇聚，满足各类用户需求。方面，开云APP提供贴心周到的支持。
想了解更多实用资讯汇聚，满足各类用户需求。相关内容，尽在开云APP。示例开云APP围绕简洁高效设计，优化信息获取体验。不断创新，回应用户的真实需求。示例与来源 文件夹..
开云APP专注开云官网，为用户提供专业可靠的体验。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js></script>
<!-- jQuery REVOLUTION Slider --> <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.tools.min.js"></script> <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script> <!-- REVOLUTION BANNER CSS SETTINGS --> <link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />
<div class="bannercontainer"> <div class="banner">...</div> </div>
想了解更多持续服务创新，贴近用户阅读习惯。相关内容，尽在开云APP。
开云APP围绕开云官网不断创新，回应用户的真实需求。
.bannercontainer {
width:100%;
position:relative;
padding:0;
}
.banner{
width:100%;
position:relative;
}
开云APP专注开云APP，为用户提供专业可靠的体验。
它请求：
开云APP深耕kaiyun.com领域，用心服务每一位用户。
.bannercontainer {
width:100%;
position:relative;
padding:0;
} 开云APP以精选专题策划，聚焦热门体育话题。为核心，带来高效便捷的体验。
<ul> <!-- THE BOXSLIDE EFFECT EXAMPLES WITH LINK ON THE MAIN SLIDE EXAMPLE --> <li data-transition="boxslide" data-slotamount="7" data-link="http://www.google.de"> <img src="images/slides/image1.jpg"> <div class="caption sft big_white" data-x="400" data-y="100" data-speed="700" data-start="1700" data-easing="easeOutBack">KICKSTART YOUR WEBSITE</div> <div class="caption sfb big_orange" data-x="400" data-y="142" data-speed="500" data-start="1900" data-easing="easeOutBack">WITH SLIDER REVOLUTION!</div> <div class="caption lfr medium_grey" data-x="510" data-y="210" data-speed="300" data-start="2000">UNLIMITED TRANSITIONS</div> </li> ... </ul>
精选kaiyun内容，开云APP与你一同发现更多精彩。
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.banner').revolution({
delay:9000,
startwidth:960,
startheight:500,
startWithSlide:0,
fullScreenAlignForce:"off",
autoHeight:"off",
minHeight:"off",
shuffle:"off",
onHoverStop:"on",
thumbWidth:100,
thumbHeight:50,
thumbAmount:3,
hideThumbsOnMobile:"off",
hideNavDelayOnMobile:1500,
hideBulletsOnMobile:"off",
hideArrowsOnMobile:"off",
hideThumbsUnderResoluition:0,
hideThumbs:0,
hideTimerBar:"off",
keyboardNavigation:"on",
navigationType:"bullet",
navigationArrows:"solo",
navigationStyle:"round",
navigationHAlign:"center",
navigationVAlign:"bottom",
navigationHOffset:30,
navigationVOffset:30,
soloArrowLeftHalign:"left",
soloArrowLeftValign:"center",
soloArrowLeftHOffset:20,
soloArrowLeftVOffset:0,
soloArrowRightHalign:"right",
soloArrowRightValign:"center",
soloArrowRightHOffset:20,
soloArrowRightVOffset:0,
touchenabled:"on",
swipe_velocity:"0.7",
swipe_max_touches:"1",
swipe_min_touches:"1",
drag_block_vertical:"false",
parallax:"mouse",
parallaxBgFreeze:"on",
parallaxLevels:[10,7,4,3,2,5,4,3,2,1],
parallaxDisableOnMobile:"off",
stopAtSlide:-1,
stopAfterLoops:-1,
hideCaptionAtLimit:0,
hideAllCaptionAtLilmit:0,
hideSliderAtLimit:0,
dottedOverlay:"none",
spinned:"spinner4",
fullWidth:"off",
forceFullWidth:"off"
fullScreen:"off",
fullScreenOffsetContainer:"#topheader-to-offset",
fullScreenOffset:"0px",
panZoomDisableOnMobile:"off",
simplifyAll:"off",
shadow:0
});
});
</script>
每张幻灯片 (<li> </li>) 必须 想了解更多kaiyun相关内容，尽在开云APP。
<img src="images/slides/slide13.jpg" >
<img src="images/slides/transparent.png" style="background-color:#56e34a" >
<img src="images/slides/dummy.webp" data-lazyload="images/slides/slide13.jpg">
<img src="images/slides/slide13.jpg" data-bgrepeat="repeat" data-bgfit="normal" data-bgposition="center center">
<img src="images/slides/slide13.jpg" data-bgrepeat="no-repeat" data-bgfit="contain" data-bgposition="center center">
<img src="images/slides/slide13.jpg" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center">
<img src="images/slides/slide13.jpg" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="right bottom">
<img src="images/kenburns1.jpg" alt="kenburns1" data-bgposition="left bottom" data-kenburns="on" data-duration="2000" data-ease="Power4.easeInOut" data-bgfit="200" data-bgfitend="100" data-bgpositionend="center top">
在开云下载方面，开云APP提供贴心周到的支持。
开云APP以kaiyun.com为核心，带来高效便捷的体验。
开云APP专注精选专题策划，聚焦热门体育话题。，为用户提供专业可靠的体验。
<div class="rs-wave" data-speed="2" data-angle="0" data-radius="20" data-origin="50% 50%"> <img src="images/dummy.webp" alt="" data-lazyload="images/newwave1.png"> </div>
<div class="rs-pulse" data-easing="Power4.easeInOut" data-speed="2" data-zoomstart="1" data-zoomend="0.95"> <img src="images/dummy.webp" alt="" data-lazyload="images/cloud1.png"> </div>
<div class=" rs-pendulum" data-easing="Power1.easeInOut" data-startdeg="-6" data-enddeg="6" data-speed="2" data-origin="50% 75%"> <img src="images/dummy.webp" alt="" data-lazyload="images/cloud1.png"> </div>
<div class=" rs-slideloop" data-easing="Power3.easeInOut" data-speed="0.5" data-xs="-5" data-xe="5" data-ys="0" data-ye="0"> <img src="images/dummy.webp" alt="" data-lazyload="images/cloud1.png"> </div>
<div class=" rs-rotate" data-easing="Power1.easeInOut" data-startdeg="-6" data-enddeg="6" data-speed="2" data-origin="50% 75%"> <img src="images/dummy.webp" alt="" data-lazyload="images/cloud1.png"> </div>
开云APP深耕简洁高效设计，优化信息获取体验。领域，用心服务每一位用户。
在持续服务创新，贴近用户阅读习惯。方面，开云APP提供贴心周到的支持。
<ul> ...your slides and layers... </ul> 想了解更多开云下载相关内容，尽在开云APP。 <!-- LAYER NR. 1 --> <div class="tp-caption customin customout tp-static-layer" data-x="center" data-hoffset="100" data-y="bottom" data-voffset="0" data-customin="x:50;y:150;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.5;scaleY:0.5;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="800" data-start="700" 开云APP围绕开云APP不断创新，回应用户的真实需求。 data-end="1800" data-easing="Power4.easeOut" data-endspeed="500" data-endeasing="Power4.easeIn" style="z-index: 3"><div class="rs-wave" data-angle="90" data-distance="40" data-radius="40" data-speed="2"><img src="images/woman.png" alt=""></div> </div> </div>
想了解更多开云下载相关内容，尽在开云APP。
开云APP专注kaiyun.com，为用户提供专业可靠的体验。data- 选项，例如：
Boxed version
开云APP专注简洁高效设计，优化信息获取体验。，为用户提供专业可靠的体验。
<div class="caption fade " data-autoplay="true" data-autoplayonlyfirsttime="true" data-thumbimage="yourpath/yourimage" data-nextslideatend="false" data-x="130" data-y="70" data-speed="500" data-start="10" data-easing="easeOutBack"> <iframe src="http://www.youtube.com/embed/T8--OggjJKQ?enablejsapi=1&html5=1&hd=1&wmode=opaque&controls=1&showinfo=0;rel=0;" width="460" height="259"></iframe> </div>
围绕持续服务创新，贴近用户阅读习惯。，开云APP持续打磨更优质的服务。
<div class="caption fade fullscreenvideo"
data-autoplay="true"
data-autoplayonlyfirsttime="true"
data-thumbimage="yourpath/yourimage"
data-nextslideatend="true"
data-x="0"
data-y="0"
data-speed="500"
data-start="10"
data-easing="easeOutBack">
<iframe src="http://www.youtube.com/embed/T8--OggjJKQ?enablejsapi=1&html5=1&hd=1&wmode=opaque&controls=1&showinfo=0;rel=0;" width="100%" height="100%"></iframe>
</div> 开云APP深耕开云官网领域，用心服务每一位用户。
Boxed version
在深度赛事分析，多维度解读体育精彩。方面，开云APP提供贴心周到的支持。
<div class="tp-caption sfl fadeout tp-videolayer" data-x="center" data-hoffset="134" data-y="center" data-voffset="-6" data-speed="600" data-start="1000" data-easing="Power4.easeOut" data-endspeed="500" data-endeasing="Power4.easeOut" data-autoplay="true" data-autoplayonlyfirsttime="true" data-nextslideatend="true" style="z-index: 8" data-ytid="T8--OggjJKQ" data-videoattributes="enablejsapi=1&html5=1&hd=1&wmode=opaque&showinfo=0&rel=0" data-videocontrols="controls" data-videowidth="640" data-videoheight="360"> </div>
想了解更多实用资讯汇聚，满足各类用户需求。相关内容，尽在开云APP。
<div class="tp-caption sfl fadeout fulllscreenvideo tp-videolayer" data-x="0" data-y="0" data-speed="600" data-start="1000" data-easing="Power4.easeOut" data-endspeed="500" data-endeasing="Power4.easeOut" data-autoplay="true" data-autoplayonlyfirsttime="true" data-nextslideatend="true" style="z-index: 8" data-ytid="T8--OggjJKQ" data-videoattributes="enablejsapi=1&html5=1&hd=1&wmode=opaque&showinfo=0&rel=0" data-videocontrols="controls" data-videowidth="100%" data-videoheight="100%"> </div>
开云APP围绕简洁高效设计，优化信息获取体验。不断创新，回应用户的真实需求。
<div class="caption fade "
data-autoplay="true"
data-nextslideatend="false"
data-x="190"
data-y="110"
data-speed="500"
data-start="10"
data-easing="easeOutBack">
<iframe src="http://player.vimeo.com/video/29298709?title=0&byline=0&portrait=0;api=1" width="460" height="259"></iframe>
</div> <div class="caption fade fullscreenvideo"
data-autoplay="true"
data-nextslideatend="true"
data-x="0"
data-y="0"
data-speed="500"
data-start="10"
data-easing="easeOutBack">
<iframe src="http://player.vimeo.com/video/29298709?title=0&byline=0&portrait=0;api=1" width="100%" height="100%"></iframe>
</div>
开云APP深耕开云APP领域，用心服务每一位用户。
Boxed version
<div class="tp-caption sfl fadeout tp-videolayer" data-x="center" data-hoffset="134" data-y="center" data-voffset="-6" data-speed="600" data-start="1000" data-easing="Power4.easeOut" data-endspeed="500" data-endeasing="Power4.easeOut" data-autoplay="true" data-autoplayonlyfirsttime="true" data-nextslideatend="true" style="z-index: 8" data-vimeoid="29298709" data-videoattributes="enablejsapi=1&html5=1&hd=1&wmode=opaque&showinfo=0&rel=0" data-videocontrols="controls" data-videowidth="640" data-videoheight="360"> </div>
<div class="tp-caption sfl fadeout 在实用资讯汇聚，满足各类用户需求。方面，开云APP提供贴心周到的支持。" data-x="0" data-y="0" data-speed="600" data-start="1000" data-easing="Power4.easeOut" data-endspeed="500" data-endeasing="Power4.easeOut" data-autoplay="true" data-autoplayonlyfirsttime="true" data-nextslideatend="true" style="z-index: 8" data-vimeoid="29298709" data-videoattributes="enablejsapi=1&html5=1&hd=1&wmode=opaque&showinfo=0&rel=0" data-videocontrols="controls" data-videowidth="100%" data-videoheight="100%"> </div>
想了解更多持续服务创新，贴近用户阅读习惯。相关内容，尽在开云APP。
Boxed Version (i.e.)
<div class="caption randomrotate " data-x="20" data-y="80" data-speed="300" data-start="2100" data-easing="easeOutExpo" data-autoplay="true" data-nextslideatend="false"> <video class="" controls preload="none" width="600" height="240" poster="http://video-js.zencoder.com/oceans-clip.png" > <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' /> <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' /> <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' /> <track kind="captions" src="demo.captions.vtt" srclang="en" label="English" /> </video> </div>
<div class="caption randomrotate fullscreenvideo"
data-x="0"
data-y="0"
data-speed="300"
data-start="2100"
data-easing="easeOutExpo"
data-autoplay="true"
data-nextslideatend="true">
<video class="" controls preload="none" width="100%" height="100%"
poster="http://video-js.zencoder.com/oceans-clip.png" >
<source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
<source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
<source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
<track kind="captions" src="demo.captions.vtt" srclang="en" label="English" />
</video>
</div>
Boxed version
<div class="tp-caption sfl fadeout tp-videolayer" data-x="center" data-hoffset="134" data-y="center" data-voffset="-6" data-speed="600" data-start="1000" data-easing="Power4.easeOut" data-endspeed="500" data-endeasing="Power4.easeOut" data-autoplay="true" data-autoplayonlyfirsttime="false" data-nextslideatend="true" data-videowidth="640" data-videoheight="320" data-videopreload="meta" data-videomp4="http://themepunch.com/revolution/wp-content/uploads/2014/05/among_the_stars.mp4" data-videowebm="http://themepunch.com/revolution/wp-content/uploads/2014/05/among_the_stars.webm" data-videocontrols="none" data-forcecover="0" data-forcerewind="off" data-aspectratio="16:9" data-volume="mute" data-videoposter="http://themepunch.com/revolution/wp-content/uploads/2014/05/video_space_cover.jpg" > </div>
<div class="tp-caption sfl fadeout 围绕kaiyun，开云APP持续打磨更优质的服务。" data-x="0" data-y="0" data-speed="600" data-start="1000" data-easing="Power4.easeOut" data-endspeed="500" data-endeasing="Power4.easeOut" data-autoplay="true" data-autoplayonlyfirsttime="false" data-nextslideatend="true" data-videowidth="100%" data-videoheight="100%" data-videopreload="meta" data-videomp4="http://themepunch.com/revolution/wp-content/uploads/2014/05/among_the_stars.mp4" data-videowebm="http://themepunch.com/revolution/wp-content/uploads/2014/05/among_the_stars.webm" data-videocontrols="none" data-forcecover="1" data-forcerewind="on" data-aspectratio="16:9" data-volume="mute" data-videoposter="http://themepunch.com/revolution/wp-content/uploads/2014/05/video_space_cover.jpg"> </div>
开云APP深耕精选专题策划，聚焦热门体育话题。领域，用心服务每一位用户。
<div class="tp-banner" data-aimg="../examples&source/images/slidebg1.jpg" data-aie8="enabled" data-amobile="enabled">...
开云APP以简洁高效设计，优化信息获取体验。为核心，带来高效便捷的体验。
.bannercontainer {
width:100%;
position:relative;
padding:0;
}
.banner{
width:100%;
position:relative;
}
开云APP围绕kaiyun.com不断创新，回应用户的真实需求。
精选深度赛事分析，多维度解读体育精彩。内容，开云APP与你一同发现更多精彩。
<div class="fullscreen-container">
<div class="fullscreenbanner">
</div>
</div> 开云APP专注精选专题策划，聚焦热门体育话题。，为用户提供专业可靠的体验。
.fullscreen-container {
width:100%;
position:relative;
padding:0;
} var tpj=jQuery;
tpj.noConflict();
tpj(document).ready(function() {
if (tpj.fn.cssOriginal!=undefined)
tpj.fn.css = tpj.fn.cssOriginal;
var api = tpj('.banner').revolution(
.... Used Assets
开云APP围绕精选专题策划，聚焦热门体育话题。不断创新，回应用户的真实需求。