欢迎您,零度科技专业海外服务器租用
公司电话: 24小时电话: 

当前位置:首页>网站建设教程>javascript教程>jquery教程

目录导航

Jquery幻灯片,焦点图插件

香港硬防(2G)机房 发布于 2010-10-15   Jquery幻灯片焦点图插件KinSlideshow
jquery教程

效果好不好,先看下演示:http://www.hkaromsky.com/test/demo/

KinSlideshow 说明:
1.使用很简单 方便

javascript:
$(function(){
$("#KinSlideshow").KinSlideshow();
})
HTML:
<div id="KinSlideshow" >
<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>

2. 可以 自定义 参数,无缝切换(切换方向,切换方式,切换时间,外观样式等等......)

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

* jQuery. KinSlideshow幻灯片插件,基本能满足你在网页上使用幻灯片(焦点图)效果。兼容IE6/IE7/IE8/IE9,FireFox,Chrome*,Opera。

最新版本:jquery.KinSlideshow-1.2

1、增加了一个页面可以调用 多个KinSlideshow效果,压缩了JS 压缩后KinSlideshow大小 10K。
2、演示怎么 让KinSlideshow 每次打开页面 随机选择切换方式(方向),代码如下:

//打开页面随机选择 切换方式(方向),怕增大KinSlideshow.js文件 就没把随机切换写到里面。
//使用时如有需要随机自己写在前面是一样的。而且还可以只固定随机切换哪几种。
var moveStyle
var rand =parseInt(Math.random()*4)
switch(rand){
case 0: moveStyle="left" ;break;
case 1: moveStyle="right" ;break;
case 2: moveStyle="down" ;break;
case 3: moveStyle="up" ;break;
}
$(function(){
$("#KinSlideshow1").KinSlideshow({moveStyle:moveStyle});
})

下载地址:http://www.qq11.com/v2/vip_private_disk/user/10000/jquery.KinSlideshow-1.2.rar

零度科技原文链接:http://www.ldisp.com/a/jquery/2010/KinSlideshow.shtml

上一篇:JQuery中对option的添加、删除、取值
下一篇:jquery ajax中文乱码的解决办法

 
了解零度?

零度科技主营全球服务器租用,如果您有服务器租用需求请联系

海外服务器租用

推荐香港、美国、韩国。提供站群服务器、高防服务器租用

海外特价服务器

关注零度特价服务器频道,了解全球特价服务器。

823

业务咨询

    技术服务

      特价活动
        全站搜索
        热门搜索:
        会员
        0通知
        客服
        0特价
        搜索
        TOP
        香港高防服务器,远程桌面,韩国服务器,nginx,反向代理