兔源码网 - 专注DZ模版分享、DZ插件分享!

 找回密码
 立即注册

QQ登录

只需一步,快速开始

广告
温馨提示:本站所有DZ相关模板、插件、教程(包括DZ应用中心已下架插件、模板)皆为提供免费下载,无任何收费模式(不包括VIP版块非DZ资源,VIP版块需充值兔币购买会员组方可下载),用户仅需手动前往【申请下载权限】申请用户组下载权限即可,如本站没有您需要的插件或模板,请自行前往淘宝互站网送吗网等第三方站点搜索相关插件或模板进行低价格购买下载本站非常不建议用户浪费金钱前往DZ应用中心购买。

WIN8风格左右全屏大图焦点图幻灯片切换样式

[复制链接]
tuyuanma 发表于 2017-1-20 18:49:28 | 显示全部楼层 |阅读模式
温馨提醒:禁止内容附带广告图片、二维码图片,否则将在不通知情况下永久禁言账号!
欢迎加入兔源码站长交流群,您的加入是我们前行的动力!

DZ站长建站交流群:493651246

[ 温馨提示:点击上方群文字,可快速加入QQ群 ]


  1. <!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    . U/ |4 L" B4 @$ _
  2. <html xmlns="http://www.w3.org/1999/xhtml">& o8 j) R! Q" u
  3. <head>
    " G0 o: a% c- o# R+ I; ?% [
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />% {* h9 I) _( d; {
  5. <title>WIN8风格左右全屏大图焦点图幻灯片切换样式</title>3 E9 ^8 Y3 m( s" M1 b- I
  6. <meta name="keywords" content="jquery特效,图片滚动,全屏大图焦点图" />
    1 g% c$ W9 J$ w5 X
  7. <meta name="description" content="WIN8风格左右全屏大图焦点图幻灯片切换样式。" />3 `& w* ^" z* `- T4 C" [
  8. <link href="css/style.css" rel="stylesheet" type="text/css">7 x3 ~& N) }8 u, ]3 \
  9. . [3 D9 {. d% Y; d+ Y$ x6 O1 \
  10. <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    7 f( I# S  i9 Y/ T
  11. <script type="text/javascript" src="js/slides.js"></script>, ^( |4 A: H/ n( L) D- V0 j
  12. , R: n( `, M3 e
  13. </head>: M4 L- K7 `9 F6 B9 |" y
  14. <body>5 u3 |4 S9 N4 ^. Z4 @# \
  15. 8 Z- @2 }9 m$ J5 h2 O. S
  16. <div id="gallery">( \" \. }, ]+ d# d, z

  17. $ v1 a7 A9 l- c) S6 ^" l& Y
  18.          <ul id="slides" class="visual">. p/ y& H6 }: ]6 d
  19.                    <a href="#"><li class="visual1 slide"></li></a>
    & I+ H! A- z9 z( K
  20.                    <a href="#"><li class="visual2 slide"></li></a>
    9 W3 n" E3 d5 \4 _8 \2 J; x
  21.                    <a href="#"><li class="visual3 slide"></li></a>
    6 K# _5 z7 P& U2 p. }
  22.                    <a href="#"><li class="visual4 slide"></li></a>
    " r, p0 n# C* r% d! p2 y
  23.          </ul>
    & e8 n+ [9 H% i, G" G
  24.         0 t: _5 T/ G- Z6 l  ~4 Z
  25.          <div class="topbar">* }- I; O* L5 B) |* F
  26.                    <div class="switch">
    6 z0 n& A: w& Y  n' |; D, y& d# O' w
  27.                             <ul id="storeimgs" class="storeimgs">& N, U; ?' Q; }6 b, c
  28.                                      <li class="menuItem" id="t_li_1">9 U; T# ?0 f5 O, G
  29.                                                <div class="slide-tip slide-tip-first ">% [  @6 F" ^" E4 V
  30.                                                         <div class="slide-title">网站建设</div>
    2 N+ U, Q1 Z0 X# S! R9 [2 o
  31.                                                         <div class="slide_icon slide_icon1"></div>" m- O# g! P* L1 E1 _" k0 p$ `- H
  32.                                                         <div class="icdetail">[<a href="#">基础型网站套餐</a>]  [<a href="#">精美型网站套餐</a>]<br />[<a href="#">豪华型网站套餐</a>]  [<a href="#">B2C电子商务网站</a>]</div>: `& I2 s4 y3 ~9 g7 S- ], J! E
  33.                                                </div>, g9 A& ]5 k8 Y0 t3 U# k
  34.                                                <div class="jt" style="display: block; "></div>
      v" w' ]5 R6 {. `- o( Q. n
  35.                                      </li>+ `) Y  @: Q8 W4 l5 o1 _& |( R: G
  36.                                      <li class="menuItem" id="t_li_2">5 }  V5 ~7 w, j# E+ l6 G
  37.                                                <div class="slide-tip">+ ^+ J; I! }9 h4 ]& b  B4 i1 \& E
  38.                                                         <div class="slide-title">js代码</div>
    , S9 s+ G% H# }/ A) B, I8 z7 N
  39.                                                         <div class="slide_icon slide_icon2"></div>1 M1 [( ?) H7 u3 L
  40.                                                         <div class="icdetail">[<a href="#">jquery特效</a>]  [<a href="#">焦点图</a>]<br /><a href="#" class="download">tab选项卡下载</a></div>+ b0 E) s% \) t$ H
  41.                                                </div>) c. S6 n: |9 {
  42.                                                <div class="jt"></div>
    5 I" h0 F- F' e2 C) s
  43.                                      </li>3 \) |: i( E; @
  44.                                      <li class="menuItem" id="t_li_3">
    % T5 \4 `1 T7 a* O4 Z4 Z
  45.                                                <div class="slide-tip">
    ; D- L+ A- |! J  b- n0 a+ g
  46.                                                         <div class="slide-title">基础业务</div>" u' G6 c8 L& m
  47.                                                         <div class="slide_icon slide_icon3"></div>
    ! s! ^! {+ s/ A* w
  48.                                                         <div class="icdetail">[<a href="#">域名注册</a>]  [<a href="#">企业邮箱</a> ]<br />[<a href="#">网站主机(空间)</a>]</div>
    2 ?! U# A' {1 k- ?+ h
  49.                                                </div>
    3 m% g. z2 o9 I& @& W2 j
  50.                                                <div class="jt"></div>5 {' |% Q6 g# p: B  x3 I
  51.                                      </li>
    - l! X. L' N1 ?4 y3 g
  52.                                      <li class="menuItem" id="t_li_4">% _* m/ `0 u/ ~/ U
  53.                                                <div class="slide-tip">$ L/ K. C; ^4 J9 r0 J: |
  54.                                                         <a href="#" style="display:block;height:115px;">* C( A9 a$ o3 g* |& d; T
  55.                                                                  <div class="slide-title"></div>
    ; m7 w4 D. o8 f0 }" K) O* l+ Z+ Z" J
  56.                                                                  <div class="icdetail"> </div>+ g) M; V, q- E- t: w  K
  57.                                                         </a>
    1 M6 O1 r7 `/ m4 R
  58.                                                </div>
    8 {, I* L( X: j) j
  59.                                                <div class="jt"></div>
    " m3 b& r- `( @1 N. Z$ @; `
  60.                                      </li>
    6 I% {9 i' M+ ?: r
  61.                             </ul>
    9 ?- I3 u- m) d; `( j0 J. F
  62.                    </div>/ q- y6 i; K+ I% [/ N* m
  63.          </div>
      I+ o) {( N. h6 Z) v
  64.         
      K3 f- \- k& `1 ?( K7 Z7 ^3 `
  65. </div>$ E, p: U5 C3 S' A# I- q

  66. 4 Q6 q4 v2 J8 ]) Y9 f( }! e, T
  67. </body>( e/ i% J( [! `3 e) I9 y
  68. </html>
复制代码

版权声明
1、转摘或引用本站内容资源须注明原网址,并标明本站网址(兔源码www.tuyuanma.com);
2、对于转摘或引用本站内容资源而引起的民事纠纷、行政处罚或其他损失,本站不承担责任;
3、对于不遵守本声明或其他违法、恶意使用本站内容者,本站保留其追究法律责任的权利。




自动排版 | 高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

广告

兔源码网 ( 赣ICP备17001544号 公网安备36112102000036号 )

兔源码 QQ交流群:493651246  GMT+8, 2019-6-19 17:49
←站长统计工具 查看密码:tuyuanma

兔源码DZ模板下载 站长邮箱:tuyuanma@qq.com 站长QQ:3197813386 网站地图

© 2001-2013 本站内容皆来自互联网及用户分享,如需删除请提供软著或商标证书。

     
快速回复 返回顶部 返回列表