123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318 |
- <!doctype html>
- <html >
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="Keywords" content="多玩游戏">
- <meta name="description" content="">
- <title> 一线专区模板 </title>
- <link href="css/global.css" rel="stylesheet">
- <script src="http://assets.dwstatic.com/common/js/jquery.js"></script>
- <script src="http://assets.dwstatic.com/b=lego/2.0.0/js&f=lego.switchable.js"></script>
- </head>
- <body>
- <!-- 专区{ -->
- <div class="ZQ" id="ZQ">
- <% include tpl/partial/duowan-nav %>
- <!-- 专区导航{ -->
- <% include tpl/partial/zq-head %>
- <!-- }专区导航 -->
- <!-- 专区内容{ -->
- <div class="ZQ__body">
- <div class="ZQ-row">
- <!-- 文章页{ -->
- <div class="ZQ-71-51">
- <div class="ZQ-page ZQ-page--article">
- <!-- 面包屑导航{ -->
- <div class="mod-crumbs">
- <a class="back-to-index" href="#"><i></i>多玩首页</a><span class="arrow">»</span><a href="/">某专区</a><span class="arrow">»</span><b>某文章标题</b>
- </div>
- <!-- }面包屑导航 -->
- <h1>根本停不下来 疾风之刃魔影师超理想连招</h1>
- <address>
- [<span> 2014-11-12 11:27:29 </span><span class="comment"><a href="#comment_top" id="first_comment_url" target="_self">网友评论<span id="first_comment_count">3</span>条</a></span> <span>来源:优酷</span> <span>作者:彭哥列第十代</span> <span><a href="http://bbs.duowan.com/forum-1624-1.html">进入论坛</a></span>]
- </address>
- <blockquote class="summary">
- <span class="label">小编前言</span>
- <p>哈喽小伙伴们,新的一期手游抢鲜看和大家见面啦!本期节目同样是猛料多多哟!EA出品经典模拟城市登陆手机双平台,吼吼!我是要成为市长的男人~</p>
- </blockquote>
- <% include tpl/partial/article %>
- <div id="share-links">
- <!-- 社交站分享{ -->
- <!-- 百度分享{ -->
- <div class="bdsharebuttonbox bdshare-button-style0-16" data-bd-bind="1415939419529">
- <span>分享到:</span>
- <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
- <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
- <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
- <a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
- <a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
- <a href="#" class="bds_more" data-cmd="more"></a>
- </div>
- <script>
- window._bd_share_config = {
- "common": {
- "bdSnsKey": {
- "tsina": "4079905110",
- "tqq": "42d33144240e4386a43ee39629560564"
- },
- "bdText": "",
- "bdMini": "2",
- "bdMiniList": false,
- "bdPic": "",
- "bdStyle": "0",
- "bdSize": "16"
- },
- "share": {}
- };
- with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
- </script>
- <style>
- .bdsharebuttonbox {
- float: right !important;
- _display: inline;
- padding-right: 10px;
- height: 20px;
- line-height: 20px;
- overflow: hidden;
- }
- .bdsharebuttonbox a {
- position: relative;
- top: -4px;
- }
- .bdsharebuttonbox span {
- float: left;
- _display: inline;
- }
- </style>
- </div>
- </div>
- <div class="ZQ-gap"></div>
- <!-- 新闻{ -->
- <div class="ZQ-box ZQ-gameread">
- <div class="box-hd">
- <h3 class="title">相关新闻</h3>
- <div class="act">
- <a class="more" href="#"><i></i>更多</a>
- </div>
- </div>
- <div class="box-bd">
- <ul class="m-list">
- <li><i></i><span class="date">01.02</span><a href="#" title="">韩国玩家星际争霸高达作品死神来了</a></li>
- <li><i></i><span class="date">11.20</span><a href="#" title="">转虫族给力啊 星际猪出品趣味星际2漫画</a></li>
- <li><i></i><span class="date">11.17</span><a href="#" title="">首位GSL美女选手参赛照片 震撼护士装</a></li>
- <li><i></i><span class="date">11.14</span><a href="#" title="">韩国GSL第三季1500人预选赛首日现场图赏</a></li>
- <li><i></i><span class="date">11.13</span><a href="#" title="">国内画师leon19星际争霸2美术作品欣赏</a></li>
- <li><i></i><span class="date">11.13</span><a href="#" title="">国内画师leon19星际争霸2美术作品欣赏</a></li>
- </ul>
- </div>
- </div>
- <!-- }新闻 -->
- <div class="ZQ-gap"></div>
- <!-- 图集推荐 start -->
- <style>
- #specialTab {
- height:201px;
- zoom:1;
- position:relative;
- padding:12px 16px;
- border:1px solid #EFEFEF;
- font-size:14px;
- background-color:#FFF
- }
- #specialTab .fr {
- float:right;
- _display:inline
- }
- #specialTab .box-hd {
- border-bottom:1px solid #EAEAEA
- }
- #specialTab .box-hd h3.title {
- float:left;
- margin:0 10px 0 0;
- font-size:16px;
- height:34px;
- line-height:34px;
- position:relative;
- margin-bottom:-1px;
- border-bottom:0;
- width:100%
- }
- #specialTab .box-hd h3.title span {
- cursor:default;
- margin-right:15px
- }
- #specialTab .box-hd h3.title span a.fr {
- display:none;
- font-size:14px;
- font-weight:normal
- }
- #specialTab .box-hd h3.title span.current-nav {
- border-bottom:2px solid #00a786;
- padding-bottom:6px
- }
- #specialTab .box-hd h3.title span.current-nav a {
- display:inline-block
- }
- #specialTab .box-bd {
- padding-top:20px
- }
- #specialTab li {
- position:relative;
- float:left;
- overflow:visible;
- width:144px
- }
- #specialTab li a {
- zoom:1;
- display:block;
- text-align:center;
- position:relative
- }
- #specialTab li img {
- width:144px;
- height:110px
- }
- #specialTab li em {
- line-height:22px;
- height:22px;
- overflow:hidden;
- font-size: 14px;
- }
- #specialTab li .m-list__mask {
- position:absolute;
- left:-2px;
- top:-2px;
- width:144px;
- height:110px;
- border:2px solid #00a786;
- display:none
- }
- #specialTab .mod-pic {
- display:none;
- margin-right:-20px;
- letter-spacing:-0.34em
- }
- #specialTab .mod-pic li {
- display:inline-block;
- zoom:1;
- vertical-align:top;
- letter-spacing:normal;
- word-spacing:normal;
- margin:0 15px 0 0
- }
- #specialTab .current {
- display:block
- }
- #specialTab .huyaVideoList img, #specialTab .huyaVideoList .m-list__mask {
- height:81px !important
- }
- #specialTab .huyaVideoList li em {
- height:32px;
- line-height:16px
- }
- </style>
- <div class="ZQ-box article__picRec" id="specialTab">
- <div class="box-hd">
- <h3 class="title">
- <span>图集推荐<a href="http://www.duowan.com/?jiongtu#album-tab" class="fr">更多</a></span>
- <span>视频推荐<a href="http://v.huya.com/yule/" class="fr">更多</a></span>
- </h3>
- </div>
- <div class="box-bd">
- <ul class="mod-pic">
- <li><a href=""><img src="http://art.yypm.com/144x110" alt=""><em>恩格斯被马克思戴绿帽</em><span class="m-list__mask"></span></a></li>
- <li><a href=""><img src="http://art.yypm.com/144x110" alt=""><em>恩格斯被马克思戴绿帽</em><span class="m-list__mask"></span></a></li>
- <li><a href=""><img src="http://art.yypm.com/144x110" alt=""><em>恩格斯被马克思戴绿帽</em><span class="m-list__mask"></span></a></li>
- <li><a href=""><img src="http://art.yypm.com/144x110" alt=""><em>恩格斯被马克思戴绿帽</em><span class="m-list__mask"></span></a></li>
- <li><a href=""><img src="http://art.yypm.com/144x110" alt=""><em>恩格斯被马克思戴绿帽</em><span class="m-list__mask"></span></a></li>
- </ul>
- <ul class="mod-pic huyaVideoList">
- <li>
- <a href="http://v.huya.com/play/1639581.html?lol"><img src="http://img4.dwstatic.com/kan/1604/323953854530/1459998878233.jpg" alt="【福利】10大YouTube最火辣美女"><em>【福利】10大YouTube最火辣美女 </em><span class="m-list__mask"></span></a>
- </li>
- <li>
- <a href="http://v.huya.com/play/1143961.html?lol"><img src="http://img3.dwstatic.com/kan/1604/323951041290/1459996924973.jpg" alt="男子被邀请拍X片,险被爆菊"><em>男子被邀请拍X片,险被爆菊</em><span class="m-list__mask"></span></a>
- </li>
- <li>
- <a href="http://v.huya.com/play/1569062.html?lol"><img src="http://img1.dwstatic.com/kan/1604/323955608934/1460000705080.jpg" alt="【不科学纠察队1】罕见腰窝,竟然长这样!"><em>【不科学纠察队1】罕见腰窝,竟然长这样!</em><span class="m-list__mask"></span></a>
- </li>
- <li>
- <a href="http://v.huya.com/play/1639456.html?lol"><img src="http://img4.dwstatic.com/kan/1604/323954113804/1459999026916.jpg" alt="【涨姿势】10大最变态的女老师"><em>【涨姿势】10大最变态的女老师</em><span class="m-list__mask"></span></a>
- </li>
- <li>
- <a href="http://v.huya.com/play/1638279.html?lol"><img src="http://img2.dwstatic.com/kan/1604/323918369441/1459964252036.jpg" alt="【短片】美女参加面试竟然被脱光"><em>【短片】美女参加面试竟然被脱光</em><span class="m-list__mask"></span></a>
- </li>
- </ul>
- </div>
- </div>
- <script>
- var specialTab = (function(){
- var tab_wrap = $('#specialTab'),
- tab_btn = tab_wrap.find('.title').find('span'),
- tab_cont = tab_wrap.find('.mod-pic'),
- index = Math.round(Math.random());
- var init = function(){
- tab_btn.eq(index).addClass('current-nav');
- tab_cont.eq(index).addClass('current');
- tab_btn.on('hover',function(){
- var t = $(this).index();
- $(this).addClass('current-nav').siblings().removeClass();
- tab_cont.eq(t).addClass('current').siblings().removeClass('current')
- })
- };
- return{
- init:init
- }
- })();
- specialTab.init();
- </script>
- <!-- 图集推荐 end -->
- <div class="ZQ-gap"></div>
- <!-- }通用评论 -->
- <div id="comment_frame">
- <script>
- // 指定某篇文章的评论
- var comment3Uniqid = '250085e23dbe5891c39070154e378070';
- </script>
- <script src="http://comment3.duowan.com/scripts/comments.js"></script>
- </div>
- <!-- }通用评论 -->
- </div>
- <!-- }文章页 -->
- <!-- 内页侧边栏{ -->
- <div class="ZQ-71-19">
- <% include tpl/partial/page-aside %>
- </div>
- <!-- }内页侧边栏 -->
- </div>
- </div>
- <!-- }专区内容 -->
- <!-- 专区底部{ -->
- <% include tpl/partial/zq-foot %>
- <!-- }专区底部 -->
- </div>
- <!-- }专区 -->
- </body>
- <script src="http://assets.dwstatic.com/common/js/jquery.js"></script>
- <script src="http://assets.dwstatic.com/b=lego/2.0.0/js&f=lego.switchable.js"></script>
- <script src="js/main.js"></script>
- <script>
- //格式文章页图片
- ZQ.imageLightbox();
- </script>
- <script src="js/dnf-rec-zq.js"></script>
- <script src="http://www.5153.com/static/js/dnf-rec-interface.js"></script>
- </html>
|