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

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

1
回复
2172
查看
[复制链接]

765

主题

779

帖子

3万

积分

董事

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

积分
33025
发表于 19-4-28 17:16:57 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
模板巴士-图文模块
  1. <div class="bus_newslist mt20 pd10">
    ) q7 k' P4 H# E7 Y3 v
  2. <ul id="waterfall" class="mobanbus_item mobanbus_scroll">
    7 ?, y: g* Z2 `* ~6 n
  3. [loop]6 z* ^" ?: [  H5 l9 z
  4. <li class="clt busload item">
    0 Y! w6 s- _1 W# B9 ~: l1 F# N
  5.         <a href="{url}">
    ( S2 w& {- A1 @( d1 t
  6.         <img class="bus_newslist_pic" src2="{pic}" alt="{title}" width="{picwidth}" height="{picheight}"/>
    3 V2 T  ^) B5 ~8 F0 ~9 U
  7.         <div class="bus_newslist_txt">
    ' Q7 x! T6 n; u. I
  8.         <h2>{title}</h2>+ q5 F6 u$ O/ t  ^( T
  9.         <p class="bus_forumnam">{forumname}</p>
    8 K) T- I! _$ y/ C$ j' D
  10.         </div>
    2 k. N, A4 j7 C; k2 ]" I  v6 c
  11.         </a>9 i3 s3 i: |. b8 c) \2 H
  12.         <div class="clear"></div>/ B7 c1 {  v4 i
  13.         <div class="bus_newslist_info">
    2 y# `0 R  ?, }* u! Z
  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>
    ( u/ A' [3 D( b, V) g
  15.         </div>
    6 V9 G( F. E' b7 i- @4 y: F
  16. </li>
    / a: _; E( h( W) p; K- S+ e
  17. [/loop]
    , G/ W3 O0 V, s9 p
  18. </ul>2 n- T# ]3 j; e# S9 `) l
  19. </div>
复制代码
模板巴士-瀑布流模块
/ J, Q! J3 f- D4 J1 @
  1. <div class="bus_wtftt">瀑布流模板</div>
    ( L: N$ }; F. w: p# b
  2. <div class="clear"></div>
      Z1 x" B1 P1 K/ d
  3. <div class="bus_waterfall">9 y4 S9 J0 \5 O& v# B2 C, u) k
  4. <ul class="bus_wtf">
    ; J! b6 v1 r# {1 g
  5. [loop]
    ( H" P9 m* }+ M& g0 |$ V& F
  6. <li class="item masonry_brick busload">$ B6 i% v  {" B3 ^4 z( P
  7. <div class="bus_wtf_pic"><a href="{url}" title="{title}"><img src2="{pic}"></a></div>
    5 {+ B' }% t: R# t4 Z
  8. <h3 class="bus_wtf_tt"><a href="{url}" title="{title}">{title}</a></h3>
    : Y/ [% [6 t- b
  9. <div class="auth">
    ! O1 L6 ?- ]$ E% u+ Z
  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>
      o; V: {; i# v
  11. <a href="home.php?mod=space&uid={authorid}">{author}</a></div>/ f0 D: F$ H: J# C6 W$ h
  12. </li>
    ; c$ U  v& A7 K* I/ i
  13. [/loop]
    3 l2 r) z. \6 W) j1 S6 L  o1 @7 T
  14. </ul>
    . h' t, l2 O( {6 a
  15. <div class="clear"></div></div><div class="bus_wtf_page"><a href="#">查看更多</a></div>
复制代码
模板巴士-卡片展示模块
( p8 X1 M' ?: t( p! O
  1. <div class="bus_forumguid"><span class="bus_tt">板块卡片式模块</span>7 t8 @" C$ m9 L1 p1 a
  2. <dl>[index=1]<dt><a href="{url}"><img src2="{pic}" /><span>{title}</span></a></dt>[/index]
    2 S- S( j5 b. |# r
  3. [loop]<dd><a class="react" href="{url}"><span>{title}</span><img src2="{pic}" /></a></dd>[/loop]4 D8 @5 L5 i- T0 q3 U) s8 l2 Q
  4. </dl></div>
复制代码
模板巴士-幻灯片模块
! [: Y- ]0 ?" q. R9 N9 p
  1. <style type="text/css">5 ^5 z- A$ k0 h& {/ R* b1 X
  2. .mobanbus .mobanbus_slider.swipe{width:100%;overflow:hidden;position:relative;}
    ! [7 s* m1 H1 v: C- P  D
  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;}
    & d( B, y3 S6 v
  4. .mobanbus .mobanbus_slider.swipe #pagenavi{position:absolute;left:0;bottom:10px;text-align:center;width:100%;}- h+ F. m! S# i8 R) ]
  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 w5 v( G/ B1 \0 g1 t) J6 z
  6. .mobanbus .mobanbus_slider.swipe #pagenavi a.active{background:#C80002;}+ i) ^* @! [7 {8 G. E) x9 X
  7. </style>
    3 {3 O1 _# ?. f: ]% i
  8. <div class="flexslider">; k$ {% u+ w- D' x* t6 r& F- f
  9.         <div class="mobanbus_slider slides swipe">% e0 m0 B( I/ ]5 T. t- D
  10.                 <ul id="slider">& f' G& N2 C2 @# @9 I( J
  11.                         [loop]<li><a href="{url}" title="{title}" {target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}"/></a></li>[/loop]( B& A1 C2 k9 Z2 {# M4 o/ h. J0 K% D
  12.                 </ul>
    * [7 l& p- @5 x
  13.                 <div id="pagenavi">
    0 p  o# T7 T+ ?5 T" @* X
  14.                         <a href="javascript:void(0);" class="active">1</a>
    $ q1 a! e& ]; f* M) }/ L6 T- S6 B3 S! T
  15.                         <a href="javascript:void(0);">2</a>0 _0 O, y3 A4 ^- ?  q: T
  16.                         <a href="javascript:void(0);">3</a>$ O4 y  ^( D9 I9 A7 `  {( l
  17.                         <a href="javascript:void(0);">4</a>, O) a/ m' H( _) x
  18.                 </div># p( h7 c/ G+ F2 H8 c$ P* w, S
  19.         </div>5 g/ L5 g2 d: r/ ~8 J0 j
  20. </div>
    $ {2 f# m7 C$ }3 C7 x
  21. <script type="text/javascript" src="template/mobanbus_h5v1/h5v1_st/js/touchScroll.js"></script>5 C6 T: t$ v8 \: b# c1 [6 ~
  22. <script type="text/javascript" src="template/mobanbus_h5v1/h5v1_st/js/touchslider.dev.js"></script>. H; g! \- K6 D5 K, _* \( Y. ~
  23. <script type="text/javascript">
    4 U1 x% ]5 Y( K
  24. var active=0,
    ; T' Q7 u3 }5 n% k& M5 e
  25.         as=document.getElementById('pagenavi').getElementsByTagName('a');$ D, m6 I  [8 y; {
  26. for(var i=0;i<as.length;i++){
    ; @, y, h8 |. m; ~/ U
  27.         (function(){
    + K5 M3 P5 e$ n3 j& k* P& w/ E
  28.                 var j=i;+ Y1 e  D; b8 Q
  29.                 as[i].onclick=function(){% P/ ?% R7 p5 E5 L& v* F4 f- q
  30.                         t2.slide(j);
    " r& u% D' b3 Q4 J4 A/ J- @$ t$ T
  31.                         return false;& D7 u$ ^7 z0 w* H# |0 l6 x  L
  32.                 }4 Q1 F, ~' E5 D. K0 B& G
  33.         })();
    $ k+ {0 |, r$ t, m0 z6 ~# L$ U8 @
  34. }
    4 u1 h- P& b# Q9 p; n; ]6 W1 ~
  35. var t2=new TouchSlider({id:'slider', speed:600, timeout:6000, before:function(index){, C0 l% G2 {; ]4 ^
  36.                 as[active].className='';
    # r) k- m3 C) W4 P" w- e# ]
  37.                 active=index;, I" c8 a5 X  G. |; s
  38.                 as[active].className='active';
    - }7 z: u& J9 L1 F
  39.         }});0 {7 p' V( ]( P& m
  40. </script>8 g+ C7 C, x( ~# P# M
复制代码
模板巴士-分类入口. q1 d9 V/ q1 w
  1. <div class="bus_item6 mobanbus_bd">( d/ q3 ~! S- s; I5 ~
  2. <span class="bus_tt">分类入口</span>  ?9 t& s  U- Q2 M: j  e: ~
  3. <p>
    . @, ], }( L) X2 u( n
  4. [loop]/ i9 w1 |' Z" F0 H# G
  5. <li><a href="{url}" title="{title}"{target}><em>{title}</em><span>{summary}</span><img src2="{icon}" width="50" height="50"></a></li>
    . A0 A$ W& i7 h9 ~
  6. [/loop]1 E, j! q7 I: c+ `* b' {& k
  7. </p>5 S7 q% E; w# V
  8. </div>
复制代码
模板巴士-二图模块3 Q3 ^7 `- N! C5 U+ E5 y8 I
  1. <div class="mobanbus_col_2">* X. t% @& Q9 S4 x' J
  2.         [loop]
    % V1 r  J, r, ?* w) H. g8 v2 p
  3.         <div class="col_tiem">6 I) y  G( G  b0 _! P
  4.         <a href="{url}" title="{title}" {target}><img src="{pic}" alt="{title}"/></a>
    : w/ z3 t9 K0 M' G, f' X+ s5 P2 y
  5.         </div>
    6 |% \! }2 d4 F* U( o
  6.         [/loop]
    # K: M  F- k1 R1 {; Q3 S
  7. </div>
复制代码

7 C& I. n9 y' s/ ]! B: a6 Y; d模板巴士-顶部导航模块+ [- z' r7 [+ K$ }! W% e5 x
  1. <div class="bus_navlist">  t% b/ V2 g/ y/ B6 Y( x& p, B
  2.         <ul>                * S$ j* U: O4 r) ^
  3.                 <li><a href="#">新闻</a></li>* `5 \7 @- {# \# S3 m1 x
  4.                 <li><a href="#">视频</a></li>
    % R& P% I6 |/ k9 ^: e+ [
  5.                 <li><a href="#">淘客</a></li>
    . O$ V; e4 a% g5 {6 D
  6.                 <li><a href="#">活动</a></li>
    8 n# C& @) j6 N5 L7 v/ W3 }$ S$ Y/ `
  7.                 <li><a href="#">瀑布流</a></li>
    ' E8 x" ]' q5 U. U0 @3 N* r/ {
  8.         </ul>; J2 i" i% E; q
  9. </div>
复制代码
% [- c/ e2 c8 Y6 r- X6 p* c
模板巴士-底部导航模块
* `4 P& Z9 v4 y8 B8 v$ q! {5 a3 a
  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>
    2 F. h; n& ~3 E/ F, j8 m
  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>0 v- d6 {' F+ P4 e' j4 z
  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>
    8 ^3 x9 G, E9 `4 R' U
  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>
复制代码

( u% n- V5 Z  p, n; M$ t+ e

2

主题

12

帖子

75

积分

2°伸手党

Rank: 4

积分
75
发表于 19-9-20 13:57:39 | 显示全部楼层         
学习了,不错,讲的太有道理了
回复

使用道具 举报

网站简介

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