zoukankan      html  css  js  c++  java
  • 动感图文轮显

    一、效果图:

    sliderImgTxt

    tips:源码下载地址:https://files.cnblogs.com/waitingbar/sliderImgTxt.rar

    二、源码show:

    <script language="javascript" src="js/jquery1.4.js"></script>
    <script language="javascript" src="js/sliderImgTxt.js"></script>
    <script language="javascript">
    $(document).ready(function(){
       $("#sliderImgTxt").sliderImgTxt();
    })
    </script>

    <!--start of sliderImgTxt-->
    <div id="sliderImgTxt">
       <div class="sImgTxtBar">
           <!--start of sliderImgTxtBar-->
           <div class="sliderImgTxtBar">
              <div>
                   <div class="sliderImgTxtBarS">
                      <h2 class="sliderImgTxtTit">务人士数据图表</h2>
                      <p class="sliderImgTxtTxt">务人士数据图表PSD,商业,金融,商务,男人,女人,商务人士,数据,图表,柱状图,箭头,世界地图,蓝天白云,飞机</p>
                      <a class="sliderImgTxtImg" href="#"><img src="images/slideImgTxt1.jpg" /></a>
                   </div>
                   <div class="sliderImgTxtBarS">
                      <h2 class="sliderImgTxtTit">手拿地球商务</h2>
                      <p class="sliderImgTxtTxt">手拿地球商务psd素材,手拿地球,蓝色地球,商务,商务素材,城市,地图,箭头,手势,psd素材PSD格式,300DPI.</p>
                      <a class="sliderImgTxtImg" href="#"><img src="images/slideImgTxt2.jpg" /></a>
                   </div>
                   <div class="sliderImgTxtBarS">
                      <h2 class="sliderImgTxtTit">商务男人与笔记本</h2>
                      <p class="sliderImgTxtTxt">商务男人与笔记本psd素材,商务,男人,笔记本,职业人物,球,笔记本电脑,地图,商务素材</p>
                      <a class="sliderImgTxtImg" href="#"><img src="images/slideImgTxt3.jpg" /></a>
                   </div>
                </div>
           </div>
           <!--end of sliderImgTxtBar-->
           <!--start of numShwo-->
            <div class="sNumBar"></div>
            <!--end of numShwo -->
       </div>
    </div>
    <!--end of sliderImgTxt-->

  • 相关阅读:
    自定义实现wcf的用户名密码验证
    EF6:编写你自己的code first 数据迁移操作(睡前来一篇,翻译的)
    .net 连接Redis
    idea external libraries 只有jdk问题
    MAC vim安装gruvbox主题
    Mac gitk安装与优化
    spring security 4 filter 顺序及作用
    mysql 采样查询 / 间隔查询 / 跳跃查询的两种实现思路
    nginx warn an upstream response is buffered to a temporary file /var/cache/nginx/proxy_temp/ while reading upstream
    nginx日志 logrotate配置
  • 原文地址:https://www.cnblogs.com/waitingbar/p/2070687.html
Copyright © 2011-2022 走看看