基本信息
源码名称:Jquery 相册插件 完整示例源码下载
源码大小:0.48M
文件格式:.rar
开发语言:C#
更新时间:2014-02-03
   友情提示:(无需注册或充值,赞助后即可获取资源下载链接)

     嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300

本次赞助数额为: 2 元 
   源码介绍

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="css/miniSlider-1.0.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    .mini-slider{width:600px; height:300px; overflow:hidden; }
    .mini-slider .m-ul li a img{  width:600px; height:300px; }
    </style>
    <script src="jquery-1.10.1.min.js" type="text/javascript"></script>

    <script src="miniSlier-1.0.min.js" type="text/javascript"></script>
     <!--[if IE 6]>
     <script src="DD_belatedPNG_0.0.8a-min.js" type="text/javascript"></script>
      <script type="text/javascript">
         $(document).ready(function () {
             DD_belatedPNG.fix("div,a, background");
         });
     </script>
     <![endif]-->
   <script type="text/javascript">
       $(document).ready(function () {
           $("#slider01").miniSlider({
               orientation: 'vertical' //horizontal or vertical
             , interval: 3000
             , speed: 800
             , isnumber: true
             , isnavigation: true
           }); 
       });
   </script>
</head>
<body>

    <div style=" height:160px; width:100%; background-color:#ccccff;">
    我是一个层
    </div>

    <div>
       <div style=" height:400px; width:400px; float:left; background-color:#ccffcc; "></div>
       <div style=" height:700px; width:400px; float:left; ">


            <div id="slider01" class="mini-slider">
                <ul class="m-ul">
                    <li><a href="#"><img src="photos/01.jpg"  alt="我是图片01" /></a></li>
                    <li><a href="#"><img src="photos/02.jpg"  alt="我是图片02" /></a></li>
                    <li><a href="#"><img src="photos/03.jpg"  alt="我是图片03" /></a></li>
                    <li><a href="#"><img src="photos/04.jpg"  alt="我是图片04" /></a></li>
                </ul>
            </div>

       </div>


       <div style=" clear:both;"></div>
    </div>


</body>
</html>