如何用js实现:第一次点击图片,图片路径更换,第二次点击的时候,弹出窗口,提示:"只能点击一次"
实现的是一个抽奖功能,多个图片,点击一张图片,翻开此图片,再次点击其他任何一张或者此图片的时候,都会提示只能点击一次...
实现的是一个抽奖功能,多个图片,点击一张图片,翻开此图片,再次点击其他任何一张或者此图片的时候,都会提示只能点击一次
展开
1个回答
展开全部
很简单, 第一次单击图片,路径更换,同时给图片加多一个class或者一个标示符能说明已经单击过的,,
然後当再次单击的时候再判断是否已经存在class
然後当再次单击的时候再判断是否已经存在class
追问
可以举一个简单点的例子吗?本人比较笨。。。谢谢
追答
<script src="ext/jquery/jquery-1.7.2.min.js"></script>
<script>
$(function(){
$('#a').click(function(){
if($(this).hasClass('cur')){
alert('只能单击一次')
}else{
$(this).attr('src','b.jpg');
$(this).addClass('cur');
}
})
})
</script>
<body>
<img id='a' src="images/sale.png" title="23" />
</body>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询