如何用jQuery编写点击左右键切换图片的功能？

本文共计921个文字，预计阅读时间需要4分钟。

原文示例：本文字例为大家分享了jQuery点击左右按钮切换图片的具体代码，供大家参考。具体内容如下：

+ 当点击了右侧的按钮后，图片向左移动，同理解左侧按钮。

CSS样式此处省略......

直接进入j：

javascript$(document).ready(function() { // 初始化图片位置 var $img=$('#image'); var imgWidth=$img.width(); var imgLeft=0;

// 点击左侧按钮 $('#leftBtn').click(function() { imgLeft -=imgWidth; $img.animate({left: imgLeft}, 'slow'); });

// 点击右侧按钮 $('#rightBtn').click(function() { imgLeft +=imgWidth; $img.animate({left: imgLeft}, 'slow'); });});

本文实例为大家分享了jquery点击左右按钮切换图片的具体代码，供大家参考，具体内容如下

当点击了右边的按钮后，图片向左移动，同理左边按钮。