Jquery图片滚动与幻灯片的实例代码

1、图片滚动
复制代码 代码如下:



   
   
   

   
        * { margin: 0; padding: 0; }
        ul { list-style: none; }
        li { float: left; margin-left: 10px; width: 100px; }
        img { width: 100px; height: 100px; }
        .a { width: 400px; margin: 0 auto; overflow: hidden; height: 100px; }
   


   
       

2、幻灯片
复制代码 代码如下:



   
   
   
   
   
        * { margin: 0; padding: 0; }
        li, ul { list-style: none; margin: 0; padding: 0; }
        .frame { width: 280px; height: 280px; position: relative; margin: 0 auto; } 
        .iframe { overflow: hidden; width: 280px; height: 280px; }                 
            .iframe ul li { float: left; width: 280px; }                           
        .button { position: absolute; bottom: 15px; right: 15px; z-index: 300; }
            .button li { float: left; cursor: pointer; width: 17px; height: 17px; line-height: 17px; text-align: center; margin-right: 5px; border-radius: 7px; color: #fff; background: #000; }
            .button .on { color: #000; background: #fff; }