欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【jquery animate图片模向滑动示例代码】,下面是详细的讲解!
jquery animate图片模向滑动示例代码
<script type="text/javascript">
$(function() {
$li1=$(".apply_nav .apply_array");
$window1=$(".apply .apply_w");
$left1=$(".apply .img_l");
$right1=$(".apply .img_r");
$window1.css("width", $li1.length*166);
var lc1=0;
var rc1=$li1.length-5;
$left1.click(function() {
if (lc1 < 1) {
alert("已经是第一张图片");
return;
}
lc1--;
rc1++;
$window1.animate({left:'+=166px'}, 1000);
});
$right1.click(function() {
if (rc1 < 1) {
alert("已经是最后一张图片");
return;
}
lc1++;
rc1--;
$window1.animate({left:'-=166px'}, 1000);
});
})
</script>
关于jquery animate图片模向滑动示例代码的用户互动如下:
相关问题:
答: >>详细
相关问题:
答: >>详细
相关问题:
答: >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【dom】javascript dom追加内容实现示例-追加内容
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 【addClass】javascript自定义的addClass()方法
- 【Event】jquery下为Event handler传递动态参数的
- 【Ajax】jQuery 学习第六课 实现一个Ajax的TreeVi
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
