点击隐藏图像按钮
Hide Image on button click
我正在使用淡入和淡出来闪烁图像。
<i id="abc" class="icon-thumbs-up glowed"></i>
<br /><i id="abc1" class="icon-thumbs-up glowed"></i>
<br /><i id="abc2" class="icon-thumbs-up glowed"></i>
<br /><br />
<input type="button" value="abc" onclick="ShowImage('abc')" />
<input type="button" value="abc1" onclick="ShowImage('abc1')" />
<input type="button" value="abc2" onclick="ShowImage('abc2')" />
效果很好但是我想在点击按钮时隐藏图像怎么做
I tried with
$("#" + id).hide(); //To hide
document.getElementById(id).style.display = "none";
但有时会自动显示图像
我试过了。
http://jsbin.com/atofif/105/editloop("abc");
loop("abc1");
loop("abc2");
function loop(id){
$('#' + id).fadeIn(700, function(){
$(this).fadeOut(700,loop(id));
});
}
function ShowImage(id){
$("#" + id).hide();
}
请帮助隐藏图像。
Thanks in advance
.stop(1,1)
应该可以做到!
现场演示
function loop(id){
$('#'+ id).fadeIn(700, function(){
$(this).fadeOut( 700, loop(id) );
});
}
function HideImage(id){
$("#" + id).stop(1,1).hide();
}
loop("abc");
loop("abc1");
loop("abc2");
相关文章:
- 如何使按钮图像在单击时添加到变量中
- HTML滚动按钮图像:如何使用Internet Explorer
- jquery ui按钮图像没有更改
- 如何检测长按按钮/图像
- 使用 Jquery 的单选按钮图像
- 如何在 jqgrid 中添加新的按钮/图像列
- Javascript,切换具有相同名称的单选按钮图像
- 我怎样才能使这个切换的javascript按钮(图像)不那么笨拙
- w2ui-单击时工具栏更改按钮图像
- Jquery在ajax上设置onclick null并更改按钮图像成功
- 如何更改HTML5音频中的播放/按钮图像
- 日期选择器按钮图像未显示
- jQuery是否验证冲突提交函数,而不是表单按钮(图像/超链接)
- 我需要添加一个图像数组,可以使用JavaScript更改按钮图像或数字条目
- 在firefox中创建自定义按钮(使用自定义按钮插件)不允许我调整按钮图像的大小
- 更改按钮图像onclick
- Angular JS知道什么是用复选框图像和单选按钮图像触发的
- 用按钮图像填充表单文本字段
- javascript表单提交更改提交按钮图像
- 从内联css和JavaScript点击更改按钮图像