使用JQuery通过鼠标单击更改图像
我正在尝试制作一个图像幻灯片。我没有使用Jquery的经验，我需要一些帮助。所以基本上我有一个div#幻灯片中的图像。我想在那里放置多个图像，使用Jquery的强大功能，当用户单击左/右按钮时，它将切换到下一个图像。下面是我的HTML部分代码-使用JQuery通过鼠标单击更改图像,jquery,Jquery,我正在尝试制作一个图像幻灯片。我没有使用Jquery的经验，我需要一些帮助。所以基本上我有一个div#幻灯片中的图像。我想在那里放置多个图像，使用Jquery的强大功能，当用户单击左/右按钮时，它将切换到下一个图像。下面是我的HTML部分代码- <!DOCTYPE html> <html lang="en"> <head> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel=
<!DOCTYPE html>
<html lang="en">
<head>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<style>
body {
background: url(bg.png);
width: 999px;
font-family: 'Open Sans', sans-serif;
margin: 0 auto;
}
p {
color: #222;
}
a {
color: #777;
font-size: 14px;
font-weight: bold;
text-decoration: none;
padding: 10px;
}
#nav {
float: right;
}
#slideshow {
width: 999px;
margin: 100px -50px;
}
#content {
background: #FFF;
padding: 50px;
height: 500px;
border-radius: 1px;
margin: 50px auto;
}
</style>
</head>
<body>
<div id="content">
<div id="nav">
<a href="..">Home</a>
<a href="..">About</a>
<a href="..">Work</a>
<a href="..">Contact</a>
</div>
<div id="slideshow">
<img src="image.jpg" />
</div>
</div>
</body>
</html>
身体{
背景：url（bg.png）；
宽度：999px；
字体系列：“开放式Sans”，无衬线；
保证金：0自动；
}
p{
颜色：#222；
}
a{
颜色：#777；
字体大小：14px；
字体大小：粗体；
文字装饰：无；
填充：10px；
}
#导航{
浮动：对；
}
#幻灯片放映{
宽度：999px；
利润率：100px-50px；
}
#内容{
背景：#FFF；
填充：50px；
高度：500px；
边界半径：1px；
保证金：50px自动；
}
有更多的插件可以实现这一点（例如），但这一个非常简单，您应该能够找到它。您如何使用一些现有的jQuery插件，比如：这不是更容易吗？是的，我会，但我也想自己制作，这样我就可以学习新技能了