动感图文轮显

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-02 03:53 点击:

一、效果图:

sliderImgTxt

二、源码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-->

 

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • WordPress添加百度喜欢按钮小技巧
      • Wordpress 博客如何实现自定义Gravatar头像
      • 网站设计分析:建立良好的视觉层级
      • 网站设计分析:“中国式设计”的三个方向
      • 案例分析:奥巴马筹款网站的制作过程
      • 7大主流B2C首页导航栏设计对比分析
      • 创建不平衡的平衡:在网页设计中使用不对称设计
      • Wordpress页面模板制作方法及使用
      • css控制文字前的小图标
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1