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

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

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

763

主题

777

帖子

3万

积分

董事

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

积分
32946
发表于 19-4-28 17:16:57 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
模板巴士-图文模块
  1. <div class="bus_newslist mt20 pd10">
    6 z% y9 x! |/ F
  2. <ul id="waterfall" class="mobanbus_item mobanbus_scroll">' E/ x# g0 s  m1 s
  3. [loop]: Z( x! _/ @6 O+ [
  4. <li class="clt busload item">7 v% v# N2 ^( K# {) `
  5.         <a href="{url}">( i( ?4 m7 t9 ?+ z! e6 D8 L" E
  6.         <img class="bus_newslist_pic" src2="{pic}" alt="{title}" width="{picwidth}" height="{picheight}"/>
    + D. [" Z8 m3 r7 i
  7.         <div class="bus_newslist_txt"># V- T' w3 k* E+ Z. {* p
  8.         <h2>{title}</h2>' Y& R' o4 ?& |# K! K+ P2 O
  9.         <p class="bus_forumnam">{forumname}</p>; T" S8 E4 y! \+ y/ F8 z' q; O
  10.         </div>: r  i" `- d  A( k! J+ I4 N
  11.         </a>1 ?7 T7 |4 K9 b9 t
  12.         <div class="clear"></div>
    $ C+ F: X; A3 `
  13.         <div class="bus_newslist_info">! G8 e4 |/ g0 k
  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>
    / n4 M# ^1 J" j( \0 f- J$ t; I6 s
  15.         </div>
      R% Y( J0 R& G8 V) E
  16. </li>
    $ L# q7 F; F8 a* T7 Z& v, o
  17. [/loop]
    0 w* R+ ^) v% }
  18. </ul>$ j8 I1 V' V4 ]5 @& ?
  19. </div>
复制代码
模板巴士-瀑布流模块
  {. W, ?3 ^, y. g- k, J$ u/ _/ q" [
  1. <div class="bus_wtftt">瀑布流模板</div>3 \: F3 B0 x0 G1 A( K" }
  2. <div class="clear"></div>
    ; \8 |0 |: N4 n( N2 p
  3. <div class="bus_waterfall">
    & l& T6 ]) I+ T$ o
  4. <ul class="bus_wtf">
    4 ~! E/ {/ e# w/ v
  5. [loop]* f' d# A* c+ A$ f: ]. z) D
  6. <li class="item masonry_brick busload">
    0 X- E& |# P6 o8 F
  7. <div class="bus_wtf_pic"><a href="{url}" title="{title}"><img src2="{pic}"></a></div>
      W# \& G9 D: {1 S+ W* l
  8. <h3 class="bus_wtf_tt"><a href="{url}" title="{title}">{title}</a></h3>2 G& @) A* j" f# v4 j* j
  9. <div class="auth">
    1 `7 _* S; W0 G0 [2 o
  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>  A. q: s7 {& U* X( C9 Q6 S
  11. <a href="home.php?mod=space&uid={authorid}">{author}</a></div>( ?2 a" A# z6 Q) A- B
  12. </li>
    1 O# U9 g0 d  l% y2 G
  13. [/loop]. e- g3 {1 P4 K. T( }
  14. </ul>, a. o/ c5 p" t: Z3 y
  15. <div class="clear"></div></div><div class="bus_wtf_page"><a href="#">查看更多</a></div>
复制代码
模板巴士-卡片展示模块* Q) N5 F7 L, o
  1. <div class="bus_forumguid"><span class="bus_tt">板块卡片式模块</span>. C  z* x, D! s$ C$ q1 p7 I
  2. <dl>[index=1]<dt><a href="{url}"><img src2="{pic}" /><span>{title}</span></a></dt>[/index]
    : ?+ O6 _7 u2 i' G+ w9 s7 c
  3. [loop]<dd><a class="react" href="{url}"><span>{title}</span><img src2="{pic}" /></a></dd>[/loop]
    ! a0 W/ @  y2 T0 x, S( J; R
  4. </dl></div>
复制代码
模板巴士-幻灯片模块3 f1 Y' `4 Q0 q& q- Y; a
  1. <style type="text/css">
    9 ^" i, z0 ]1 t+ v1 m
  2. .mobanbus .mobanbus_slider.swipe{width:100%;overflow:hidden;position:relative;}& E9 [" ^* b/ t$ J
  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;}
    7 N& G$ J* P4 ^- Q* O, Y0 k- t4 k
  4. .mobanbus .mobanbus_slider.swipe #pagenavi{position:absolute;left:0;bottom:10px;text-align:center;width:100%;}
    + l: f2 a% Z! J7 n8 F9 n: [
  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;}2 a* F8 G- M) ~& B% \2 O' ]& S
  6. .mobanbus .mobanbus_slider.swipe #pagenavi a.active{background:#C80002;}5 D8 O! v; ]3 G8 _4 r
  7. </style>- x1 K" D! b. K: V# O
  8. <div class="flexslider">3 u$ E% G4 K+ m; \
  9.         <div class="mobanbus_slider slides swipe">
    , V0 K& w8 M- P8 E5 D8 B$ T  S
  10.                 <ul id="slider">* Z8 C4 F; j$ l) t+ `& s
  11.                         [loop]<li><a href="{url}" title="{title}" {target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}"/></a></li>[/loop]
    ! P! A9 e$ Q4 Q- z8 C
  12.                 </ul>
    5 c6 \! [7 D5 g7 M) F- k
  13.                 <div id="pagenavi">
    + i3 `5 [) q7 {& n( J
  14.                         <a href="javascript:void(0);" class="active">1</a>
    & B4 o& s. H, W% v. H
  15.                         <a href="javascript:void(0);">2</a>
    ( f  b- N' l% @/ j5 t% K
  16.                         <a href="javascript:void(0);">3</a>  W# M) m: F7 i5 g1 N
  17.                         <a href="javascript:void(0);">4</a>! ], {+ `% b* P+ ]* o
  18.                 </div>
    0 y- \: K  n" U; N1 f
  19.         </div>. K7 W2 [/ `# P/ d; ]8 m
  20. </div>$ O, r! G) o* J0 B2 w* y
  21. <script type="text/javascript" src="template/mobanbus_h5v1/h5v1_st/js/touchScroll.js"></script>0 P1 w" V, l9 m- H
  22. <script type="text/javascript" src="template/mobanbus_h5v1/h5v1_st/js/touchslider.dev.js"></script>
    , h, v: c- D, f/ z" B. Q7 Q
  23. <script type="text/javascript">
    : I  N7 ?5 ^7 F2 t& e
  24. var active=0,; J5 {5 T& n- M
  25.         as=document.getElementById('pagenavi').getElementsByTagName('a');! e' ]3 A1 }$ ?( y
  26. for(var i=0;i<as.length;i++){( u4 z- m( m/ s3 W- b! B" y
  27.         (function(){
    & W- c: l, k5 G! n  ?7 s
  28.                 var j=i;/ {1 Q; S+ L2 ~& B' p
  29.                 as[i].onclick=function(){
    - ]$ `# `" C2 H8 m' d, Z! M5 ?
  30.                         t2.slide(j);
    $ f" l! f8 ]& [# f9 ~
  31.                         return false;6 U2 Z8 w- V- P9 a6 N
  32.                 }
    / b  r% h+ q; W
  33.         })();1 a: z4 {0 j  Z1 [. O
  34. }
    4 X5 X) ]: R* h8 I5 D! ]
  35. var t2=new TouchSlider({id:'slider', speed:600, timeout:6000, before:function(index){
    ) z0 U& O) n2 `1 d( g' l
  36.                 as[active].className='';% x. u8 M2 V- m
  37.                 active=index;
    & I, R0 }! Z7 J/ F/ z8 R* c
  38.                 as[active].className='active';3 B  }0 r( l" ?; y$ V- A( U
  39.         }});
    3 {6 n) H5 e0 Z7 v# R
  40. </script>9 ]9 {9 \8 m; K# y8 h- Q
复制代码
模板巴士-分类入口4 [; A1 G0 k' C! A
  1. <div class="bus_item6 mobanbus_bd">
    : R0 }, s. R: v0 \6 W) i* S& [5 s
  2. <span class="bus_tt">分类入口</span>
    + K1 Y: T0 z7 C3 B
  3. <p>
    ) T- }, T. Q% Z& g  O9 z5 v
  4. [loop]2 ?( G1 Z& F" n! N3 i* K
  5. <li><a href="{url}" title="{title}"{target}><em>{title}</em><span>{summary}</span><img src2="{icon}" width="50" height="50"></a></li>4 m& ?, X; R0 [1 Y
  6. [/loop]% Q& }& W  o" ~
  7. </p>
    ) S( C: }! L5 N' u: ?8 x
  8. </div>
复制代码
模板巴士-二图模块
* f. H, W9 ^) t, r" Q
  1. <div class="mobanbus_col_2">
      e+ ]- v  u5 |( b2 f
  2.         [loop]
    / X5 w0 }6 g0 |# M9 z9 m" {# P
  3.         <div class="col_tiem">
    ( n) h0 [! l' d; K$ [0 X
  4.         <a href="{url}" title="{title}" {target}><img src="{pic}" alt="{title}"/></a>
    6 Q6 K. r( A' a) y8 u
  5.         </div>+ O) O/ Y% M% B4 S- ?) _' ]
  6.         [/loop]& u0 C  O% \( f$ m8 D$ T
  7. </div>
复制代码

, @, D$ g4 k6 w1 s' X模板巴士-顶部导航模块+ R1 D! h8 x0 ~0 X7 E
  1. <div class="bus_navlist">
    " {3 I* n( T7 x% B+ D2 W
  2.         <ul>               
    : ?& A$ z5 s; D& b
  3.                 <li><a href="#">新闻</a></li>
    2 j1 r: ?3 ~& ~4 Q4 }9 Z1 x* X
  4.                 <li><a href="#">视频</a></li>  s0 j2 [1 a, r+ o2 j( B/ t7 _6 [
  5.                 <li><a href="#">淘客</a></li>
    ; k4 @6 I; P% m; \) {% E# V
  6.                 <li><a href="#">活动</a></li>! [* r; c, n) w3 w4 f7 m
  7.                 <li><a href="#">瀑布流</a></li>$ c, c! |  R( N* d) {; a
  8.         </ul>0 \) a1 j! ~* Y) `. X) R+ B4 c8 |! H
  9. </div>
复制代码
0 I2 [; s! N5 V/ u8 i, [" j
模板巴士-底部导航模块
  V1 Z8 w- t- \/ b+ L6 b7 i
  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>
    ! T3 b7 X/ m+ s. k7 }
  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>
    & s( {1 s, a4 i4 }7 t
  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>9 t9 r& w. c* E4 _
  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>
复制代码

% |; ?7 \$ T7 E4 }

2

主题

11

帖子

75

积分

2°伸手党

Rank: 4

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

使用道具 举报

网站简介

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