<!--{templatecommon/header}--> <!-- headerstart --> <!--{templatecommon/header_top}--> <!-- headerend --> <!-- mainthreadlist start --> <scriptsrc="template/yingxiao_toutiao_m/touch/images/js/TouchSlide.1.1.js"></script> <styletype="text/css"> section {padding:0px 10px; margin-bottom:10px; background:#fff; overflow:hidden;} .slideBox{position:relative; overflow:hidden; margin:10px auto; max-width:560px;} .slideBox .hd{position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1;} .slideBox .hdli{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px; background:#333;text-indent:-9999px; overflow:hidden; margin:0 6px; } .slideBox .hdli.on{ background:#fff; } .slideBox .bd{position:relative; z-index:0; } .slideBox .bdli{ position:relative; text-align:center; } .slideBox .bd liimg{ background:url(images/loading.gif) center center no-repeat; vertical-align:top; width:100%;} .slideBox .bd lia{ -webkit-tap-highlight-color:rgba(0,0,0,0); } .slideBox .bd li.tit{ display:block; width:100%; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background: rgba(0,0,0,.7);color:#fff; text-align:left; } .tabBox{margin:0 auto; overflow:hidden;} .tabBox .hd{height:30px; line-height:30px; font-size:16px; overflow:hidden; } .tabBox .hd h3{float:left; font-size:14px; color:#fff; background:#fe3a3a; padding:010px;border-bottom-right-radius:5px; border-bottom-left-radius:5px;font-weight:100;height:30px; line-height:30px;} .tabBox .hd h3 a{ color:#fff;} .tabBox .hd ul{float:right; overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px;} .tabBox .hd ulli{ float:left; padding:0 10px;vertical-align:top; background:#f1f1f1;} .tabBox .hd ulli.on a{ color:#fe3a3a; display:block; height:28px; line-height:30px;border-bottom:2px solid #fe3a3a; } .tabBox .bd{} .tabBox .bd ul{} .tabBox .bd ulli{ border-bottom:1px dotted #ddd; line-height:30px; } .tabBox .bd lia{ -webkit-tap-highlight-color:rgba(0,0,0,0); } .readMore{display:block; width:100px; height:30px; line-height:30px; margin:10pxauto; text-align:center;text-decoration:underline; border:1px solid #e6e6e6;border-radius:15px; } .tabBox.threadlist li { margin:0;} </style> <section> <!--{block/140}--> <scripttype="text/javascript"> TouchSlide({ slideCell:"#slideBox", titCell:".hd ul", mainCell:".bdul", effect:"leftLoop", autoPage:true, autoPlay:true }); </script> </section> <section> <div id="tabBox1"class="tabBox bg0"> <div class="hd"> <h3><ahref="#">{echo m_lang('yanshi_tab_hd')}</a></h3> <ul> <li><ahref="javascript:void(0)">{echom_lang('yanshi_tab_hd1')}</a></li> <li><ahref="javascript:void(0)">{echom_lang('yanshi_tab_hd2')}</a></li> <li><ahref="javascript:void(0)">{echom_lang('yanshi_tab_hd3')}</a></li> </ul> </div> <div class="bd"id="tabBox1-bd"> <divclass="threadlist"> <ul> <!--{block/158}--> </ul> </div> <divclass="threadlist"> <ul> <!--{block/160}--> </ul> </div> <divclass="threadlist"> <ul> <!--{block/161}--> </ul> </div> </div> <a class="readMore"href="forum.php?forumlist=1">{echom_lang('yanshi_more')}</a> </div> <script type="text/javascript"> TouchSlide( {slideCell:"#tabBox1", endFun:function(i){ var bd =document.getElementById("tabBox1-bd"); bd.parentNode.style.height= bd.children.children[0].offsetHeight+"px"; if(i>0)bd.parentNode.style.transition="200ms"; } } );</script> </section> <section> <div id="tabBox3"class="tabBox"> <div class="hd"> <h3><ahref="#">{echo m_lang('yanshi_hd1')}</a></h3> </div> <divclass="threadlist"> <ul> <!--{block/162}--> </ul> </div> </div> </section> <section> <div id="tabBox4"class="tabBox"> <divclass="threadlist"> <ul> <!--{block/162}--> </ul> </div> </div> </section> <divclass="pullrefresh" style="display:none;"></div> <!--{templatecommon/footer}-->
我知道答案
本帖寻求最佳答案回答被采纳后将获得系统奖励 10 天空金币 , 目前已有 2人回答
|