新手遇到问题~~~
时间:2009-11-03
来源:互联网
图片向左滑动,向右滑动,为什么js代码不起作用?请大侠指教一下
jQuery.fn.imageScroller = function(params){
var p = params || {
next:"buttonNext",
prev:"buttonPrev",
frame:"viewerFrame",
width:100,
child:"a",
auto:true
};
var _btnNext = $("#"+ p.next);
var _btnPrev = $("#"+ p.prev);
var _imgFrame = $("#"+ p.frame);
var _width = p.width;
var _child = p.child;
var _auto = p.auto;
var _itv;
var turnLeft = function(){
_btnPrev.unbind("click",turnLeft);
if(_auto) autostop();
_imgFrame.animate( {marginLeft:-_width},'fast','',function(){
_imgFrame.find(_child+":first").appendTo(_imgFrame);
_imgFrame.css("marginLeft",0);
_btnPrev.bind("click",turnLeft);
if(_auto) autoPlay();
});
};
var turnRight = function()
_btnNext.unbind("click",turnRight);
if(_auto) autostop();
_imgFrame.find(_child+":last").clone().show().prependTo(_imgFrame);
_imgFrame.css("marginLeft",-_width);
_imgFrame.animate( {marginLeft:_width},'fast','',function(){
_imgFrame.find(_child+":last").remove();
_btnNext.bind("click",turnRight);
if(_auto) autoPlay():
});
};
_btnNext.css("cursor","hand").click( turnRight );
_btnPrev.css("cursor","hand").click( turnLeft );
var autoPlay = function(){
_itv = window.setInterval(turnLeft, 3000);
};
var autoStop = function(){
window.clearInterval(_itv);
};
if(_auto) autoPlay();
};
jQuery.fn.imageScroller = function(params){
var p = params || {
next:"buttonNext",
prev:"buttonPrev",
frame:"viewerFrame",
width:100,
child:"a",
auto:true
};
var _btnNext = $("#"+ p.next);
var _btnPrev = $("#"+ p.prev);
var _imgFrame = $("#"+ p.frame);
var _width = p.width;
var _child = p.child;
var _auto = p.auto;
var _itv;
var turnLeft = function(){
_btnPrev.unbind("click",turnLeft);
if(_auto) autostop();
_imgFrame.animate( {marginLeft:-_width},'fast','',function(){
_imgFrame.find(_child+":first").appendTo(_imgFrame);
_imgFrame.css("marginLeft",0);
_btnPrev.bind("click",turnLeft);
if(_auto) autoPlay();
});
};
var turnRight = function()
_btnNext.unbind("click",turnRight);
if(_auto) autostop();
_imgFrame.find(_child+":last").clone().show().prependTo(_imgFrame);
_imgFrame.css("marginLeft",-_width);
_imgFrame.animate( {marginLeft:_width},'fast','',function(){
_imgFrame.find(_child+":last").remove();
_btnNext.bind("click",turnRight);
if(_auto) autoPlay():
});
};
_btnNext.css("cursor","hand").click( turnRight );
_btnPrev.css("cursor","hand").click( turnLeft );
var autoPlay = function(){
_itv = window.setInterval(turnLeft, 3000);
};
var autoStop = function(){
window.clearInterval(_itv);
};
if(_auto) autoPlay();
};
作者: yangna 发布时间: 2009-11-03
我找到错误了,晕倒,是一个标点符号写错了,是分号,我写成冒号了,
一个符号搞了我以上上午。哎!看来以后要小心了。
一个符号搞了我以上上午。哎!看来以后要小心了。
作者: yangna 发布时间: 2009-11-03
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28