腾讯云网站解决方案帮您轻松应对建站成本高/网络不稳等常见问题

discuz模板巴士H5微网站模板巴士手机版模板(精品模板)

0
回复
919
查看
[复制链接]

690

主题

704

帖子

3万

积分

董事

Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72

积分
31813
     紫钻仅向指定用户开放  
发表于 19-4-28 17:16:57 | 显示全部楼层 |阅读模式
模板巴士-图文模块
  1. <div class="bus_newslist mt20 pd10">
    ' ], G. P- z+ x' K+ A; Q
  2. <ul id="waterfall" class="mobanbus_item mobanbus_scroll">
    $ q9 p* \7 x, @! e0 o% r1 B% `
  3. [loop]. F4 w- g; q) k& v9 f
  4. <li class="clt busload item">% x2 O% a' {5 w; _+ P. G/ P- i" l$ R
  5.         <a href="{url}">' x1 M: w" a3 _  M5 d) @: y
  6.         <img class="bus_newslist_pic" src2="{pic}" alt="{title}" width="{picwidth}" height="{picheight}"/>- a% j# i8 t) F! x' m- I( n8 m# a5 o
  7.         <div class="bus_newslist_txt">
    6 X! t6 F: S# L: {7 w  |
  8.         <h2>{title}</h2>7 k" m4 [( K! V4 q9 C3 U  g/ n: H
  9.         <p class="bus_forumnam">{forumname}</p>
    9 a" o2 T0 S6 i% @) \' c1 w
  10.         </div>
    * L/ v; E' S, z; P' E3 j# \
  11.         </a>  _) C3 w+ Y, j/ M0 |0 c
  12.         <div class="clear"></div>
    6 `9 A, ^- M: V( A, k8 Y
  13.         <div class="bus_newslist_info">
    % n7 H! ~& C7 U) w* v- u* B
  14.                 <span class="bus_fl"><i class="icon-calendar pr10"></i>{dateline}</span><span class="bus_fl"><i class="icon-eye-open pr10"></i>{views}</span><span class="bus_fl"><i class="icon-comments-alt pr10"></i>{replies}</span>
    & j, X0 c7 N! ^
  15.         </div>; C& F7 `6 C8 }- S6 [& I6 b% q# u
  16. </li>
    0 \3 v+ k) k+ j6 r
  17. [/loop]
    / c/ y* _  |9 B4 s4 r3 f
  18. </ul>
    ; u3 G; A; M' m4 w8 O8 n$ `; N6 t$ ]
  19. </div>
复制代码
模板巴士-瀑布流模块$ f" g6 e/ L  a1 w: Z6 l' L! h
  1. <div class="bus_wtftt">瀑布流模板</div>" G: c+ u9 U& h& R! E  m
  2. <div class="clear"></div>3 c# _8 |# O5 g1 ~4 i
  3. <div class="bus_waterfall">
    - t+ S1 @( \0 v8 R- r
  4. <ul class="bus_wtf">
    9 M/ k. Y& E* x5 v: h
  5. [loop]! I1 D/ H! Q1 a7 Y2 T
  6. <li class="item masonry_brick busload">
    1 W* }  W6 U2 [' M- Q* K8 M- i6 i! {
  7. <div class="bus_wtf_pic"><a href="{url}" title="{title}"><img src2="{pic}"></a></div>& U) N1 z0 j* c6 b
  8. <h3 class="bus_wtf_tt"><a href="{url}" title="{title}">{title}</a></h3>: C1 u0 \& }+ K& O7 ]& j
  9. <div class="auth">1 Y! r& m3 I- P" k$ y1 Y% J/ H
  10. <cite class="bus_fr"><i class="icon-eye-open"></i> {views}   <i class="icon-comments-alt"></i> <a href="{url}" title="{replies} 回复">{replies}</a></cite>  p; h7 \0 F8 S8 N# c' J
  11. <a href="home.php?mod=space&uid={authorid}">{author}</a></div>
    9 S' f' @( w" o+ D
  12. </li>6 I5 m) b' g, B& X; y
  13. [/loop]
    ' i5 K- P0 a0 t, {7 W5 C. Y' N
  14. </ul>; V; u! y2 n. S2 N
  15. <div class="clear"></div></div><div class="bus_wtf_page"><a href="#">查看更多</a></div>
复制代码
模板巴士-卡片展示模块
  D5 Q5 @* l4 y/ y. X
  1. <div class="bus_forumguid"><span class="bus_tt">板块卡片式模块</span>
    - F8 Q2 ~/ L& G3 N. W8 `0 n
  2. <dl>[index=1]<dt><a href="{url}"><img src2="{pic}" /><span>{title}</span></a></dt>[/index]
    2 s3 m* s( V& c: ?" J9 E) s$ J( k
  3. [loop]<dd><a class="react" href="{url}"><span>{title}</span><img src2="{pic}" /></a></dd>[/loop]# E% m+ k0 \5 q4 `. T
  4. </dl></div>
复制代码
模板巴士-幻灯片模块
9 h8 j2 s: h# B( X7 L
  1. <style type="text/css">
    4 i( g# M& m3 h8 E1 g& O0 s
  2. .mobanbus .mobanbus_slider.swipe{width:100%;overflow:hidden;position:relative;}
    2 N& m# M7 o$ `
  3. .mobanbus .mobanbus_slider.swipe ul{-webkit-transition:left 800ms ease-in 0;-moz-transition:left 800ms ease-in 0;-o-transition:left 800ms ease-in 0;-ms-transition:left 800ms ease-in 0;transition:left 800ms ease-in 0;}
    * i8 D: S7 G6 k3 L7 v- @& l
  4. .mobanbus .mobanbus_slider.swipe #pagenavi{position:absolute;left:0;bottom:10px;text-align:center;width:100%;}
    4 @, X1 T+ `! }# F$ p2 W
  5. .mobanbus .mobanbus_slider.swipe #pagenavi a{width:10px;height:10px;line-height:99em;background:#b5b5b5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}/ |6 w  W" e, t8 [  S+ V
  6. .mobanbus .mobanbus_slider.swipe #pagenavi a.active{background:#C80002;}( m% H. _$ L, K5 v& }
  7. </style>6 ^7 p, i5 D9 ^; @
  8. <div class="flexslider">' r$ a$ |! X$ N; S' v& v- z
  9.         <div class="mobanbus_slider slides swipe">
    9 l5 d% `$ u0 y9 d" r* L4 b5 r3 G
  10.                 <ul id="slider">
    % j& T& Q1 w7 y" c+ v
  11.                         [loop]<li><a href="{url}" title="{title}" {target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}"/></a></li>[/loop]
    ) s7 @8 h% Y( J9 @  ]" n8 X0 e
  12.                 </ul># o7 W+ U6 f) n3 d/ d- _- V! p
  13.                 <div id="pagenavi">; m" t% C+ y) S. h- \
  14.                         <a href="javascript:void(0);" class="active">1</a>
    7 u( C9 V" j3 _  m) V$ u
  15.                         <a href="javascript:void(0);">2</a>
    $ i: r5 e0 f- D3 r4 v) v% n
  16.                         <a href="javascript:void(0);">3</a>
    , B3 T" U7 w8 \9 r. Y& A, X
  17.                         <a href="javascript:void(0);">4</a>
    & C5 _8 ?* c3 F+ Q( ?5 V9 n: a
  18.                 </div>0 U* {! e' ^2 }  s+ O( |* o
  19.         </div>4 E* K( m9 r5 _7 N
  20. </div>
    # L' i, j' L' a( o0 f
  21. <script type="text/javascript" src="template/mobanbus_h5v1/h5v1_st/js/touchScroll.js"></script>. B9 T0 c4 W0 Q& [' J' h
  22. <script type="text/javascript" src="template/mobanbus_h5v1/h5v1_st/js/touchslider.dev.js"></script>" h, m! y( Y2 j
  23. <script type="text/javascript">0 v/ J, _& B+ _  |5 G
  24. var active=0,: D; c2 C- m" P5 m4 V
  25.         as=document.getElementById('pagenavi').getElementsByTagName('a');8 ]2 z  c6 `* @
  26. for(var i=0;i<as.length;i++){  z) T3 \5 s; \0 Y" \
  27.         (function(){: x; H, j( J1 O7 u1 b, e( [
  28.                 var j=i;8 G2 b4 b* b6 x* p/ z1 s: g
  29.                 as[i].onclick=function(){
    7 H( w# d, M( l7 U% S# l
  30.                         t2.slide(j);
    # G; Z  `8 Y( R) B7 n
  31.                         return false;
    % ~7 I: x8 b# B, y: W- ~  o
  32.                 }5 }( {( v  m: f2 s
  33.         })();
    * U4 p9 O6 Z# _% `
  34. }
    1 K. H# j8 Q% Q
  35. var t2=new TouchSlider({id:'slider', speed:600, timeout:6000, before:function(index){7 M' r9 f& ]+ _% T) t% I
  36.                 as[active].className='';
    ) `* ], U% @9 ?  ^2 }# r* u) E
  37.                 active=index;4 \4 U$ m, s$ C" V
  38.                 as[active].className='active';
      \- E$ o1 q! _4 y) ~/ v
  39.         }});
    7 d! E5 l# C. o9 W! ]
  40. </script>7 @$ ^% ]8 V. C# U: B: ]
复制代码
模板巴士-分类入口- f3 c0 |# W3 G* o. l3 R# V6 {) h3 B" r
  1. <div class="bus_item6 mobanbus_bd">& l5 `1 W7 H. E8 q& D
  2. <span class="bus_tt">分类入口</span># K8 d: G6 {0 i9 z" I; U
  3. <p>7 D& c# E( c# E1 |8 `' b
  4. [loop]' B% w# H9 `- Q; B
  5. <li><a href="{url}" title="{title}"{target}><em>{title}</em><span>{summary}</span><img src2="{icon}" width="50" height="50"></a></li>; B) O  F! ]; r+ Z6 P
  6. [/loop]0 O$ U/ I8 c0 B0 `9 l& t1 ?& v
  7. </p>
    + B8 k( i' j3 g8 T( b
  8. </div>
复制代码
模板巴士-二图模块
) Y' j0 S( D7 N9 s$ T5 i! W
  1. <div class="mobanbus_col_2">8 c5 G/ w4 }0 ~2 K8 O6 i
  2.         [loop]
    7 X8 H& Y/ Y6 p
  3.         <div class="col_tiem">( ]" t' F0 q; E* K0 N
  4.         <a href="{url}" title="{title}" {target}><img src="{pic}" alt="{title}"/></a>
    / C  S+ Z9 @) r4 Y' ?
  5.         </div>+ Z& ?2 ]% \7 D# u9 d( J
  6.         [/loop]6 u0 c3 O5 [( R8 T
  7. </div>
复制代码

" C" ~" h- Z4 C模板巴士-顶部导航模块
& q; s; F" |. c1 O
  1. <div class="bus_navlist">9 @6 B. U0 s" D% p
  2.         <ul>               
    ( Q# E# F  u* |& `1 v. \8 h8 B% |
  3.                 <li><a href="#">新闻</a></li>
      c% h5 ]  N% N% A+ ^# _
  4.                 <li><a href="#">视频</a></li>& S; g( k" w# Y* P. h
  5.                 <li><a href="#">淘客</a></li>  n) B+ ?8 ~7 @" k
  6.                 <li><a href="#">活动</a></li>2 h6 s  V5 K, q! I' B
  7.                 <li><a href="#">瀑布流</a></li>9 v9 Q' F( z" n/ `
  8.         </ul>
    , G& u9 D# R- s1 k- d# N
  9. </div>
复制代码

% V) }  Y5 |6 K: M) h/ f模板巴士-底部导航模块
/ C, ]) O8 |  y, K
  1. <div class="bus_ft_ico col_5"><a href="portal.php?mod=index&mobile=2"><i class="icon-home"></i><span>首页</span></a></div>; y* ], _* y" O, p: m2 ^
  2. <div class="bus_ft_ico col_5"><a href="forum.php?forumlist=1&mobile=2"><i class="icon-star"></i><span>圈子</span></a></div>
    8 P' }; X& A8 R; L: C% P0 V
  3. <div class="bus_ft_ico col_5 bus_ft_c"><a href="forum.php?mod=misc&action=nav&mobile=2"><i class="icon-plus"></i></a></div>
    7 p9 v8 I5 m8 m4 q6 q8 D4 {! l/ v
  4. <div class="bus_ft_ico col_5"><a href="search.php?mod=forum&mobile=2"><i class="icon-search"></i><span>搜索</span></a></div>
复制代码
/ F- n" b4 a7 F8 d9 [

qiuqiufa.com

网站简介

球球发,是一家 Discuz! 商业插件、风格模板、网站源码、 Discuz!运营维护技术等于一体的交流分享网站,全站95%的资源都是免费下载,对于资源我们是每天更新,每个亲测资源最新最全---球球发(如果我们有侵犯了您权益的资源请联系我们删除