【翰书天下·势力宣传】开心阁——天下贰到天下3,逍遥三界 不见不散
本帖最后由 阙起弦歌丶 于 2015-11-14 19:17 编辑<p align="center">
<img src="http://f.tx2.netease.com/month_1511/1511082201503d1337eb92e1fa.png" width="960" height="25"></p>
<br>
<p align="center">
<a href="http://weibo.com/5587980694/profile?topnav=1&wvr=6">
<img src="http://img0.ph.126.net/kvhmrCEl-JiIKy8Ki2wueA==/2697656176812914172.png" width="120" height="120"></a>
</p>
<p align="center">
<img src="http://f.tx2.netease.com/month_1511/151107222377c0d86873444fc3.png" width="732" height="318"></p>
<br>
<div class="t_fsz">
<p align="center">
<table id="main_table" cellspacing="0" cellpadding="0" style="text-align: center;"><tbody><tr><td class="t_f" id="postmessage_189676">
<style>
#main_table {
position: relative;
left:85px;
}
*{ margin:0; padding:0;}
ul,li{ list-style:none; margin:0; padding:0;}
.brandsShow{ margin:0 auto; }
.brandsShow ul{ height:auto; }
.brandsShow ul li{ float:left; display:inline; width:864px; height:288px; }
.flip-container {perspective: 1000;
-webkit-perspective: 1000px; /*父类容器中 perspective 子类允许透视*/
-moz-perspective: 1000px;
-ms-perspective: 1000px;
-o-perspective: 1000px;
perspective: 1000px;
margin:0px auto; float:left; margin-left:0px; margin-bottom:0px; border:1px solid #fff;}
.flip-container:hover .back {transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg); z-index:2;}
.flip-container:hover .front { transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg); z-index:1}
.flip-container, .front, .back {width: 233px;height: 233px;}
.flipper {transition:transform 0.6s ease-out;
transition: transform .5s ease-in-out;
-webkit-transition: transform .5s ease-in-out;
-moz-transition: transform .5s ease-in-out;
-ms-transition: transform .5s ease-in-out;
-o-transition: transform .5s ease-in-out;
-webkit-transform-style: preserve-3d; /*使其子类变换后得以保留 3d转换后的位置*/
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
display:block;position: relative;}
.front, .back {backface-visibility: hidden;transition: 0.6s ease-out;-webkit-transition: .6s ease-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;position: absolute;top: 0;left: 0;}
.front img, .back img{ width:233px; height:233px; overflow:hidden;}
.front {z-index: 2;transform: rotateY(0deg);transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
.back { z-index:1;transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);}
</style>
<ul>
<li class="flip-container ">
<div class="front " style="text-align: center;"><img src="http://f.tx2.netease.com/month_1511/151108232333aa9f04017864e3.jpg" id="e_f_img_0.6080859310459346"></div>
<div class="back " style="text-align: center;"><img src="http://f.tx2.netease.com/month_1511/151108232330e31135b5801825.jpg"></div>
</li>
<li class="flip-container " ontouchstart="this.classList.toggle('hover');">
<div class="front " style="text-align: center;"><img src="http://f.tx2.netease.com/month_1511/1511082221d3289d6853bd09c6.jpg"></div>
<div class="back " style="text-align: center;"><img src="http://f.tx2.netease.com/month_1511/1511082221c4820755cb3556f0.jpg"></div>
</li>
<li class="flip-container " ontouchstart="this.classList.toggle('hover');">
<div class="front " style="text-align: center;"><img src="http://f.tx2.netease.com/month_1511/1511082322a2debaec60cdb410.jpg"></div>
<div class="back " style="text-align: center;"><img src="http://f.tx2.netease.com/month_1511/1511082322c69ff78cc9dc3ad1.jpg"></div>
</li>
<div style="text-align: center;"><br></div>
<li class="flip-container " ontouchstart="this.classList.toggle('hover');">
<div class="front " style="text-align: center;"><img src="http://f.tx2.netease.com/month_1511/15110823226e9c2859d62c4236.jpg"></div>
<div class="back " style="text-align: center;"><img src="http://f.tx2.netease.com/month_1511/1511082322653a78d82fe83f78.jpg"></div>
</li><li class="flip-container " ontouchstart="this.classList.toggle('hover');">
<div class="front " style="text-align: center;"><img src="http://f.tx2.netease.com/month_1511/15110823230001d57de0005150.jpg"></div>
<div class="back " style="text-align: center;"><img src="http://f.tx2.netease.com/month_1511/1511082323a039927656fe49cc.jpg"></div>
</li><li class="flip-container " ontouchstart="this.classList.toggle('hover');">
<div class="front " style="text-align: center;"><img src="http://f.tx2.netease.com/month_1511/1511082322426ddb14e0c1d63b.jpg"></div>
<div class="back " style="text-align: center;"><img src="http://f.tx2.netease.com/month_1511/15110823222399c75fc19afaf4.jpg"></div>
</li><div style="text-align: center;"><br></div>
<li class="flip-container " ontouchstart="this.classList.toggle('hover');">
<div class="front " style="text-align: center;"><img src="http://f.tx2.netease.com/month_1511/15111222199ac300d131531855.jpg"></div>
<div class="back " style="text-align: center;"><img src="http://f.tx2.netease.com/month_1511/1511082322c91c4a553003195b.jpg"></div>
</li><li class="flip-container " ontouchstart="this.classList.toggle('hover');">
<div class="front " style="text-align: center;"><img src="http://f.tx2.netease.com/month_1511/15111222197c66f8831ab284b2.jpg"></div>
<div class="back " style="text-align: center;"><img src="http://f.tx2.netease.com/month_1511/15111222193bf49788fdb5df1a.jpg"></div>
</li><li class="flip-container " ontouchstart="this.classList.toggle('hover');">
<div class="front " style="text-align: center;"><img src="http://f.tx2.netease.com/month_1511/15111222190f6f18a8f501e9d1.jpg"></div>
<div class="back " style="text-align: center;"><img src="http://f.tx2.netease.com/month_1511/1511082322cd581b2066040f44.jpg"></div>
</li><div style="text-align: center;"><br></div>
</ul></td></tr></tbody></table></p>
</div>
<br>
<p align="center">
<img src="http://f.tx2.netease.com/month_1511/15110822034ff4a9c7a588e2a8.png" width="960" height="25"></p>
<p align="center">
<img src="http://f.tx2.netease.com/month_1511/151108014361222b8216fcfc58.jpg" width="960" height="722"></p>
<p align="center">
<img src="http://f.tx2.netease.com/month_1511/151108220566e0ffda8401637b.png" width="960" height="25"></p>
<p align="center">
<img src="http://f.tx2.netease.com/month_1511/15111419129ec9a7e25c99e01e.jpg" width="850" height="60"></p>
<p align="center">
<object width="960" height="100" id="FPlayer" data="http://v.163.com/swf/video/NetEaseFlvPlayerV3.swf" type="application/x-shockwave-flash"><param value="true" name="allowFullScreen"><param value="always" name="allowscriptaccess"><param value="http://v.163.com/swf/video/NetEaseFlvPlayerV3.swf" allownetworking="all" name="movie"><param value="topicid=1000&vid=VB7AU386H&sid=V95AIQOLD&coverpic=http://vimg1.ws.126.net/image/snapshot/2015/11/6/I/VB7AU386I.jpg&autoplay=true" name="flashvars"></object>
</p><p align="center">
<img src="http://f.tx2.netease.com/month_1511/151114191285dc121f8fad3f57.jpg" width="960" height="500"></p>
<p align="center">
<img src="http://f.tx2.netease.com/month_1511/1511141912eda524433d13c111.png" width="960" height="25"></p>
<br><p></p> #T30我就鄙视你们这些不能发帖的#T14 开心谷的路过。。。 {:9_534:} 骨大神在此!(我想说潋滟也是我) 撸主 求分分 换头像#162 妈蛋,居然木有我 {:9_538:} #165 之之报道。 #fuhei#fuhei#fuhei#fuhei#fuhei 1111111111111111111111111 66666666666 11111111111111111111111111113 【翰书天下·势力宣传】开心阁——逍遥三界 不见不散 ssssssssssssss #135时光那般长,回忆你走好。 111111111111111111111111 111111111111111111111111111111111111