此Jquery插件是一款非常实用的图片轮播特效,是商城必备的神器之一,简洁大气,用法简单,很利于网友们学习,支持图片轮播效果、图片上下左右滚动,可灵活控制图片的自动播放与停止,一共可灵活设置7个参数。。。。
页面使用代码如下:
window.onload=function(){
var iTgl=new k_iToggle();
iTgl.init({
boxId:'box',
numId:'num',
imgId:'imgs',
isAuto:true,
aCls:'act',
iCls:'imgs1',
direct:'crt'
});
chg(iTgl,'chg');
_auto(iTgl,'auto_1');
//改变方向
function chg(o,id){
$('#'+id).click(function(){
if(o.direct()=='crt'){
o.direct('lvl');
$(this).text('纵向');
}else{
o.direct('crt');
$(this).text('横向');
}
});
}
function _auto(o,id){
$('#'+id).click(function(){
if(o.isAuto){
o.isAuto=false;
$(this).text('自动播放已停止');
}else{
o.isAuto=true;
o.auto();
$(this).text('自动播放');
}
});
}
}
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
k_iToggle 幻灯片 滚动特效 滑动插件 图片播放 图片滚动 图片轮播 banner横向滚动 Jquery焦点图