当前位置：文江博客话题详情

PHP-jquery 解决图片点击选中效果

发布于 2017-10-22 19:37:08 字数 365 浏览 1348 评论 1

请输入图片描述
这样一个循环图片的列表效果是

请输入图片描述
点击左右键图片滚动现在我想加一个点击图片会给这个div上加个border的样式意思即为选中再次点击取消样式可以多选如何先遍历这些图然后实现我想要的效果呢？求大神

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

瑾兮 2017-10-24 07:31:06

写个demmo给你看吧，

<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jq.js"></script>
<style>
.selected{
border:1px solid red;
}
</style>
</head>
<body>
<div class="d1">100</div>
<div class="d2">200</div>
<div class="d3">300</div>
<div class="d4">400</div>
<script>
$("div[class^='d']").toggle(function(){
$(this).addClass("selected");
}, function(){
$(this).removeClass("selected");
});
</script>
</body>
</html>