KinSlideshow幻灯片插件 Jquery幻灯片图片切换

最新推荐文章于 2015-01-26 19:54:05 发布

小步快跑-

最新推荐文章于 2015-01-26 19:54:05 发布

阅读量1.3k

点赞数

分类专栏： javascript、jquery 文章标签： Web HTML css

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/chinaplan/article/details/8695478

版权

javascript、jquery 专栏收录该内容

35 篇文章 0 订阅

订阅专栏


 $(function(){
        $("#KinSlideshow").KinSlideshow({
                moveStyle:"down", 		//设置切换方向为向下 [默认向左切换]
                intervalTime:8,   		//设置间隔时间为8秒  [默认为5秒]
                mouseEvent:"mouseover"		//设置鼠标事件为“鼠标滑过切换”  [默认鼠标点击时切换]
                titleFont:{TitleFont_size:14,TitleFont_color:"#FF0000"} //设置标题文字大小为14px，颜色：#FF0000
        });
    })

<script src="js/jquery.KinSlideshow-1.1.js" type="text/javascript"></script>

 <div id="KinSlideshow" style="visibility:hidden;">
      <a href="http://www.qq1.com" target="_blank"><img src="images/1.jpg" alt="这是标题一" /></a>
      <a href="http://www.qq2.com" target="_blank"><img src="images/2.jpg" alt="这是标题二" /></a>
      <a href="http://www.qq3.com" target="_blank"><img src="images/3.jpg" alt="这是标题三" /></a>
      <a href="http://www.qq4.com" target="_blank"><img src="images/4.jpg" alt="这是标题四" /></a>
      <a href="http://www.qq5.com" target="_blank"><img src="images/5.jpg" alt="这是标题五" /></a>
      <a href="http://www.qq6.com" target="_blank"><img src="images/6.jpg" alt="这是标题六" /></a>
  </div>