【翰书天下·掠影】～七月翰书天下视频短剧汇总～精彩剧情AND战场炫酷解说～
<p align="center"><font face="微软雅黑" size="5" color="Teal"><b><a href="http://tx3.netease.com/viewthread.php?tid=4461922" target="_blank">～七月翰书天下绘世集合～请看这里</a>
</b></font></p><br><br>
<br><p align="center">
<font face="微软雅黑" size="4" color="Teal"><b>点击图片直达原贴，近距离欣赏视频</b></font></p><br>
<div class="outLine">
<li class="Pic1">
<div class="picBox1">
<img src="http://img1.ph.126.net/xW7D0S_8nxBGBZcn8lPWyQ==/6631234891466399545.png" class="picChange1">
<img src="http://img0.ph.126.net/JZomKWjRk82Z0H8tBXmuUQ==/6630641155189004130.png" class="stopSign1">
<a href="http://tx3.netease.com/viewthread.php?tid=4454331" target="_blank"><div class="TextChange1"><div class="text1" align="left"></div><p class="inText1"><font face="微软雅黑" size="3" color="black"> 千年结<br> BY：乄素问</font></p></div></a>
</div>
</li>
<li class="Pic2">
<div class="picBox2">
<img src="http://img1.ph.126.net/CPGsF1m98SoAF0mtcH8ZKA==/6630614766909936352.png" class="picChange2">
<img src="http://img1.ph.126.net/dZ8kLfJS7xWsRzvNst2UPg==/6630151872514113058.png" class="stopSign2">
<a href="http://tx3.netease.com/viewthread.php?tid=4455126" target="_blank"><div class="TextChange2"><div class="text2" align="left"></div><p class="inText2"><font face="微软雅黑" size="3" color="black"> 不语<br> BY:离萧</font></p></div></a>
</div>
</li>
<li class="Pic3">
<div class="picBox3">
<img src="http://img0.ph.126.net/NuwLv4RqUmaZKxFIH0yFkQ==/6630434447002449840.png" class="picChange3">
<img src="http://img2.ph.126.net/XRuTTpQyn-tijVMc497Szg==/6630703827351783971.png" class="stopSign3">
<a href="http://tx3.netease.com/viewthread.php?tid=4426649" target="_blank"><div class="TextChange3"><div class="text3" align="left"></div><p class="inText3"><font face="微软雅黑" size="3" color="black"> 标准号战场炫酷解说三人组之龙巫<br> BY:丷半城烟沙</font></p></div></a>
</div>
</li>
<li class="Pic4">
<div class="picBox4">
<img src="http://img0.ph.126.net/skRxVaIDdtHGXBHhRw6KGw==/6631289867047789704.png" class="picChange4">
<img src="http://img1.ph.126.net/2DisNysuHkLSzpDFyxA0NA==/6630621363979702987.png" class="stopSign4">
<a href="http://tx3.netease.com/viewthread.php?tid=4454272" target="_blank"><div class="TextChange4"><div class="text4" align="left"></div><p class="inText4"><font face="微软雅黑" size="3" color="black"> 白狐之寒窗苏雪<br> BY:福尔摩果</font></p></div></a>
</div>
</li>
<li class="LOGOli">
<div class="logoDiv">
<img src="http://img2.ph.126.net/aZcexZWKeJGaidPmaIL6OA==/6631408614303587198.png" class="picLogo">
</div>
</li>
</div>
<style type="text/css">
.LOGOli{
width:400px;
height:75px;
position: absolute;
overflow:hidden;
left:310px;
top: 375px;
}
.TextChange4 .inText4{
position:absolute;
top:187px;/*根据图片高度微调，目测比图片高度略高一点点，论坛和网页版不同，按实际情况搞就好*/
left:0px;
}
.Pic4 { /*li的id名，适用于单个li，用于调整位置*/
width:400px;
height:187px;
position: absolute;
overflow:hidden;
left:310px;
top: 638px;
}
.text4{
width:400px;
height:50px;/*根据文字高度变化，理论上5o可以适配所有*/
position:absolute;
left:0;
top:187px;
background:#666;
opacity:0.8;
}
.TextChange4{
width:400px;
height:500px; /*文字框，宽度和图片相同，高度为图片高度+.text1中的高度，这里是加50*/
position:absolute;
top:0;
left:0;
}
.stopSign4{
position: absolute;
top:0px;
left:0px;
opacity:0.5 ;
}
.picChange4{ /*图片div框*/
position: absolute;
top:0px;
left:0px;
opacity:0.5 ;
}
.TextChange3 .inText3{
position:absolute;
top:188px;/*根据图片高度微调，目测比图片高度略高一点点，论坛和网页版不同，按实际情况搞就好*/
left:0px;
}
.Pic3 { /*li的id名，适用于单个li，用于调整位置*/
width:400px;
height:188px;
position: absolute;
overflow:hidden;
left:310px;
top: 450px;
}
.text3{
width:400px;
height:50px;/*根据文字高度变化，理论上5o可以适配所有*/
position:absolute;
left:0;
top:188px;
background:#666;
opacity:0.8;
}
.TextChange3{
width:400px;
height:188px; /*文字框，宽度和图片相同，高度为图片高度+.text1中的高度，这里是加50*/
position:absolute;
top:0;
left:0;
}
.stopSign3{
position: absolute;
top:0px;
left:0px;
opacity:0.5 ;
}
.picChange3{ /*图片div框*/
position: absolute;
top:0px;
left:0px;
opacity:0.5 ;
}
.TextChange2 .inText2{
position:absolute;
top:450px;/*根据图片高度*/
left:0px;
}
.Pic2 { /*li的id名，适用于单个li，用于调整位置*/
width:300px;/*图片宽度*/
height:450px;/*图片高度*/
position: absolute;
overflow:hidden;
left:10px;
top: 375px;/*图片位置，根据上面的位置，记得边缘问题*/
}
.text2{
width:300px;/*图片宽度*/
height:50px;/*根据文字高度变化，理论上5o可以适配所有*/
position:absolute;
left:0;
top:450px;
background:#666;
opacity:0.8;
}
.TextChange2{
width:300px;/*图片宽度*/
height:490px; /*文字框，高度要高于图片高度+.text1中的高度，这里是加50*/
position:absolute;
top:0;
left:0;
}
.stopSign2{
position: absolute;
top:0px;
left:0px;
opacity:0.5 ;
}
.picChange2{ /*图片div框*/
position: absolute;
top:0px;
left:0px;
opacity:0.5 ;
}
.TextChange1 .inText1{
position:absolute;
top:365px;/*根据图片高度微调，目测比图片高度略高一点点，论坛和网页版不同，按实际情况搞就好*/
left:0px;
}
.picBox1{/*图片和文字的div框，margin可以改为0*/
background-color:#000;
width:100%;
height:100%;
position:relative;
margin:0px;
top:0px;
left:0px;
overflow:hidden;
}
.text1{
width:700px;
height:50px;/*根据文字高度变化，理论上5o可以适配所有*/
position:absolute;
left:0;
top:365px;
background:#666;
opacity:0.8;
}
.Pic1 { /*li的id名，适用于单个li，用于调整位置*/
width:700px;
height:365px;
position: absolute;
overflow:hidden;
left:10px;
top: 10px;
}
.picBox1{/*图片和文字的div框，margin可以改为0*/
background-color:#000;
width:100%;
height:100%;
position:relative;
margin:0px;
top:0px;
left:0px;
overflow:hidden;
}
.stopSign1{
position: absolute;
top:0px;
left:0px;
opacity:0.5 ;
}
.picChange1{ /*图片div框*/
position: absolute;
top:0px;
left:0px;
opacity:0.5 ;
}
.TextChange1{
width:700px;
height:1000px; /*文字框，宽度和图片相同，高度为图片高度+.text1中的高度，这里是加50*/
position:absolute;
top:0;
left:0;
}
.outLine{/*最大的外框，高度随内容调整*/
position:relative;
left:10px;
top:10px;
width:90%;
height:1000px;
}
li {
list-style-type:none;
}
</style>
<script type="text/javascript" src="http://res.nie.netease.com/comm/js/jquery(mixNIE).last.js"></script>
<script type="text/javascript">
$(function(){
$('.picBox1').hover(function(){
$('.picChange1').animate({height:"105%",width: "105%", opacity:1,left:"-10px",top:"-10px"},500);/*图片变化*/
$('.TextChange1').stop().animate({left:"0",top:"-45"},500); /*文字变化，这里不需要修改*/
$('.stopSign1').stop().animate({opacity:0},100);
},function(){
$('.picChange1').animate({height:"100%",width: "100%", opacity:0.6,left:"0",top:"0"},500);
$('.TextChange1').stop().animate({left:"0",top:"0"},500);
$('.stopSign1').stop().animate({opacity:1},100);
});
$('.picBox2').hover(function(){
$('.picChange2').animate({height:"105%",width: "105%", opacity:1,left:"-10px",top:"-10px"},500);/*图片变化*/
$('.TextChange2').stop().animate({left:"0",top:"-45"},500); /*文字变化，这里不需要修改*/
$('.stopSign2').stop().animate({opacity:0},100);
},function(){
$('.picChange2').animate({height:"100%",width: "100%", opacity:0.6,left:"0",top:"0"},500);
$('.TextChange2').stop().animate({left:"0",top:"0"},500);
$('.stopSign2').stop().animate({opacity:1},100);
});
$('.picBox3').hover(function(){
$('.picChange3').animate({height:"105%",width: "105%", opacity:1,left:"-10px",top:"-10px"},500);/*图片变化*/
$('.TextChange3').stop().animate({left:"0",top:"-45"},500); /*文字变化，这里不需要修改*/
$('.stopSign3').stop().animate({opacity:0},100);
},function(){
$('.picChange3').animate({height:"100%",width: "100%", opacity:0.6,left:"0",top:"0"},500);
$('.TextChange3').stop().animate({left:"0",top:"0"},500);
$('.stopSign3').stop().animate({opacity:1},100);
});
$('.picBox4').hover(function(){
$('.picChange4').animate({height:"105%",width: "105%", opacity:1,left:"-10px",top:"-10px"},500);/*图片变化*/
$('.TextChange4').stop().animate({left:"0",top:"-45"},500); /*文字变化，这里不需要修改*/
$('.stopSign4').stop().animate({opacity:0},100);
},function(){
$('.picChange4').animate({height:"100%",width: "100%", opacity:0.6,left:"0",top:"0"},500);
$('.TextChange4').stop().animate({left:"0",top:"0"},500);
$('.stopSign3').stop().animate({opacity:1},100);
});
});
</script> #T15为了炫酷的特效，依旧牺牲了表情～发表情请到高级模式哦～ 鹅鹅鹅鹅鹅鹅饿 我来试试看#135 难道还在一环 111111111~ 看看···················来瞧瞧··················· 啦啦啦啦啦！！！！ 占个前排！！！ 2222222222222222222 454564545456654 看文，看图，看勋章=0= 。。。。。。。。。。。。。。。。。。 {:9_538:} 111111111111111111111111111 11111111111 任务。。。。。。。。。。。。。。 22222222222222 QAQ ddddddddddddddddddddd 前排小号求分分