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

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

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

761

主题

775

帖子

3万

积分

董事

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

积分
32836
发表于 19-4-28 17:16:57 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
模板巴士-图文模块
  1. <div class="bus_newslist mt20 pd10">
    . j. W4 D7 e& Y0 H4 h4 L
  2. <ul id="waterfall" class="mobanbus_item mobanbus_scroll">
    / l- w4 n: q  g  J5 q
  3. [loop]
    , }! x( ~/ H& {$ j% d
  4. <li class="clt busload item">0 M% d# h7 ~  L4 i+ a1 x
  5.         <a href="{url}">
    ; S4 z+ T) W! R3 B9 A
  6.         <img class="bus_newslist_pic" src2="{pic}" alt="{title}" width="{picwidth}" height="{picheight}"/>. `# i' b& Z+ m* T0 r+ f
  7.         <div class="bus_newslist_txt">
    7 J. k3 L, N$ A2 D( }
  8.         <h2>{title}</h2>
    & \5 ~: i: `; O0 d$ e
  9.         <p class="bus_forumnam">{forumname}</p>! |9 h+ k. ~+ m# H# v
  10.         </div>! s9 b( v" }# }: R  q9 e% \
  11.         </a>4 F3 B- ]  W! k
  12.         <div class="clear"></div>
    % }" W9 j* w# h3 k% T
  13.         <div class="bus_newslist_info">
    1 U/ c- f8 F9 f( C# F" s
  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>
    " [3 w4 K9 {# M1 _" L
  15.         </div>5 F. ~$ x: H; _) t5 ^
  16. </li>, h. M" m% ~# ^2 e
  17. [/loop]+ `; z& B! y3 T" ^
  18. </ul>* v2 S( Q- ^5 I& V* W: F4 m! t
  19. </div>
复制代码
模板巴士-瀑布流模块
$ G3 M' o. b4 @5 B1 T6 A  Q0 A' X  N
  1. <div class="bus_wtftt">瀑布流模板</div>! ?3 K" e, \. V6 ^. P3 o9 T
  2. <div class="clear"></div>9 M- u$ i2 i! H0 y. r
  3. <div class="bus_waterfall">0 c7 M; V- C9 V0 O
  4. <ul class="bus_wtf">
    3 o! q# D; s' ]" D" p
  5. [loop]
    ( ]! n  }& D6 Y3 b) D
  6. <li class="item masonry_brick busload">7 ]1 ]1 b1 Z$ i: A  b
  7. <div class="bus_wtf_pic"><a href="{url}" title="{title}"><img src2="{pic}"></a></div>
    : m- r# r5 u2 C/ d6 a
  8. <h3 class="bus_wtf_tt"><a href="{url}" title="{title}">{title}</a></h3>
    ( y7 `, q8 z, Q! ~
  9. <div class="auth">
    * S! u& g) ~: p: B
  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; J% t( T# Q! x3 G) c0 v
  11. <a href="home.php?mod=space&uid={authorid}">{author}</a></div>3 e. d! G' a  p
  12. </li>
    ) l/ _) D& N- y% O% r( a! a  l
  13. [/loop]
    ' o4 D5 z8 |, p# M5 \5 Y1 }
  14. </ul>& v8 M# V6 D- D" {, i% R7 U. w
  15. <div class="clear"></div></div><div class="bus_wtf_page"><a href="#">查看更多</a></div>
复制代码
模板巴士-卡片展示模块" }9 f3 b& r* }5 C2 A
  1. <div class="bus_forumguid"><span class="bus_tt">板块卡片式模块</span>& ?) G& R& c' N2 L8 K4 O& H
  2. <dl>[index=1]<dt><a href="{url}"><img src2="{pic}" /><span>{title}</span></a></dt>[/index]4 Q5 N7 F# F4 t8 I6 G% p
  3. [loop]<dd><a class="react" href="{url}"><span>{title}</span><img src2="{pic}" /></a></dd>[/loop]
    & A) ?" y/ i$ ~* Z2 H  V
  4. </dl></div>
复制代码
模板巴士-幻灯片模块) r- x* H5 m! i% e( M7 \2 w- F
  1. <style type="text/css">1 g  j: l  t6 @) B( v
  2. .mobanbus .mobanbus_slider.swipe{width:100%;overflow:hidden;position:relative;}
    6 ?3 d, b7 \. w
  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;}
    ( S8 v- U$ w3 h& m' g0 o9 D
  4. .mobanbus .mobanbus_slider.swipe #pagenavi{position:absolute;left:0;bottom:10px;text-align:center;width:100%;}
    + V3 T& v/ Q( R; 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;}
    : Z1 U+ U, Y2 B& ^
  6. .mobanbus .mobanbus_slider.swipe #pagenavi a.active{background:#C80002;}/ y0 m8 G5 e/ l/ m3 j
  7. </style>
    & ]2 A. t/ Y/ e  n
  8. <div class="flexslider">' R+ n2 E; N6 Q9 c8 A
  9.         <div class="mobanbus_slider slides swipe">
    : k6 j/ g; N/ {7 ~0 p
  10.                 <ul id="slider">
    & E5 h2 S* g! [9 y
  11.                         [loop]<li><a href="{url}" title="{title}" {target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}"/></a></li>[/loop]
    0 v. a/ J% s5 \* x
  12.                 </ul>
    ) E* b) j5 n+ f* ]  u6 e  d
  13.                 <div id="pagenavi">! F" ~; I, U" {! L. E4 b
  14.                         <a href="javascript:void(0);" class="active">1</a>7 c3 }0 s! A# _( G: x; @. o
  15.                         <a href="javascript:void(0);">2</a>3 N( U5 G7 B& g  S- E3 d
  16.                         <a href="javascript:void(0);">3</a>
    + b* G7 A" F6 _# l. w  ~. ?
  17.                         <a href="javascript:void(0);">4</a>
    , \4 E( f: T$ T& c
  18.                 </div>8 Q1 S. L( h. z& |
  19.         </div>
    7 a" z+ j% f/ q: f5 z9 \& m
  20. </div>' V: B+ n2 `: ~0 R5 b' n
  21. <script type="text/javascript" src="template/mobanbus_h5v1/h5v1_st/js/touchScroll.js"></script>7 D5 H7 D' ^. M  `' Y3 K6 ^: |
  22. <script type="text/javascript" src="template/mobanbus_h5v1/h5v1_st/js/touchslider.dev.js"></script>
    2 S4 h- W) [& D3 l/ V- k
  23. <script type="text/javascript">
    : ~7 v3 p+ P9 K9 \7 T" l
  24. var active=0,
    . Q% g6 \& @; p$ b% _$ T, ~& h
  25.         as=document.getElementById('pagenavi').getElementsByTagName('a');. A2 |8 Z: k6 ?) ]
  26. for(var i=0;i<as.length;i++){
      s+ X" ^; O1 R5 Y3 v
  27.         (function(){" p1 l0 i) a. |5 M: ]3 x
  28.                 var j=i;, m3 j$ `1 x/ o' u# x" X
  29.                 as[i].onclick=function(){0 m" I# d; D, Y) D9 s* h1 y9 }
  30.                         t2.slide(j);
    # T' _+ K5 N1 U- \
  31.                         return false;4 p$ u" v+ J/ A% y- y5 g
  32.                 }3 C" S/ o! d: C8 N  u: D. h
  33.         })();1 g4 p& b: a3 K2 ?# s
  34. }7 g/ ^, e+ y! }2 @- a4 B
  35. var t2=new TouchSlider({id:'slider', speed:600, timeout:6000, before:function(index){
    ! P9 E8 b& N7 ^8 d. y2 s. Z
  36.                 as[active].className='';
    " G1 f+ {; h7 t8 e3 \2 v' F6 s; V5 X
  37.                 active=index;) D6 u6 b# b( \
  38.                 as[active].className='active';
    ! d, y) _5 O# @3 l  M
  39.         }});- j/ q% d+ I, p* M+ c# q
  40. </script>- s0 \& c( Q- d( j$ U' y8 `
复制代码
模板巴士-分类入口# x* R! W2 [. X
  1. <div class="bus_item6 mobanbus_bd">
    % I% v1 k* \( j
  2. <span class="bus_tt">分类入口</span>
    4 o$ ~. t/ c. ]0 e3 H
  3. <p>
    9 H- [& m. Y5 u* b+ i; |7 i
  4. [loop]
    * S& A4 z; E/ F
  5. <li><a href="{url}" title="{title}"{target}><em>{title}</em><span>{summary}</span><img src2="{icon}" width="50" height="50"></a></li>
    ; X" L( U5 P8 i4 j1 Y6 f  E& F
  6. [/loop]
    0 P8 |% H2 c. \+ P4 G
  7. </p>$ x. `) l9 p- V6 P. ]
  8. </div>
复制代码
模板巴士-二图模块( O8 A- P! f- }: X; P! N
  1. <div class="mobanbus_col_2">
    % |; [" C5 }+ d$ T- s, E5 N  g
  2.         [loop]; N. z) e) J# X: {
  3.         <div class="col_tiem">
    5 o; ~5 Y5 Y) q4 E4 ~
  4.         <a href="{url}" title="{title}" {target}><img src="{pic}" alt="{title}"/></a>
    2 T1 e! m; ~1 |* Z+ \
  5.         </div>
    ) ?1 f% g1 m6 h; N2 B- L# }
  6.         [/loop]
    , r/ z" N8 a: i0 I  _
  7. </div>
复制代码

+ K7 Q& j1 z3 T* J+ x) ^# e$ n! i模板巴士-顶部导航模块& J: b& ]8 n: ~+ c
  1. <div class="bus_navlist">4 a% [; T& ]/ W" C! C
  2.         <ul>                  b  _! h5 J. j% J' v+ Y- K1 C
  3.                 <li><a href="#">新闻</a></li>
    + v- T7 N) m; g; a% B
  4.                 <li><a href="#">视频</a></li>
    3 M6 T0 \0 T1 N2 i
  5.                 <li><a href="#">淘客</a></li>8 _9 z  B1 J" V) j, \+ l
  6.                 <li><a href="#">活动</a></li>
    % P: @$ x" q5 Z+ _* V: m* |
  7.                 <li><a href="#">瀑布流</a></li>
    2 \5 a4 H9 g  h# j  i$ G
  8.         </ul>
    0 O6 _$ }* H: h$ c4 r+ w
  9. </div>
复制代码
3 _$ s; o% {$ g3 I  a1 R; Q% y5 s6 @
模板巴士-底部导航模块
" T; f$ Y* y8 I! D0 j4 R' e
  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>
    " \. W# H3 D9 G0 N0 Y5 Q2 W
  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>! i+ M1 v7 i! A  K5 y$ U
  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>
    , X/ H* a: {/ q) M3 J- ?( L5 _
  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>
复制代码

* q- _4 {$ E9 w5 Z% T8 b) j+ \

2

主题

11

帖子

75

积分

2°伸手党

Rank: 4

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

使用道具 举报

网站简介

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