jQuery或onClick Div Fade

时间:2012-11-09 04:35:59

标签: javascript jquery

如果这是错误的部分,我道歉..

有人可能会指出我的脚本或教程:

当我点击某些内容时,例如说“x”,我会点击它,然后点击它就会消失。

如果你明白我的意思,有人能指出我正确的方向吗?

谢谢!

6 个答案:

答案 0 :(得分:1)

请熟悉Google。

然后熟悉http://docs.jquery.com/Tutorials:How_jQuery_Works

http://www.jsfiddle.net

上试用一些代码

答案 1 :(得分:1)

refer

$('someclass/id').click(function() {
$('someclass/id').fadeOut();
});

check this

$('a').toggle(
function() { $('#us').fadeIn(); },
function() { $('#us').fadeOut(); }
);

.fadeToggle()

显示(效果,[选项],[速度],[回调])jQuery UI

答案 2 :(得分:0)

请参阅:http://www.webdesignerwall.com/demo/jquery/

有不同UI元素的小教程,并有很好的解释。

答案 3 :(得分:0)

很容易你用Google搜索。

jQuery('#divId').click(function(){
  jQuery(this).hide('slow'); //this will give a little animated effect.
 // or
  jQUery(this).fadeOut('slow');
});

http://api.jquery.com/fadeOut/ http://api.jquery.com/hide/

答案 4 :(得分:0)

这描述了如何在点击

上淡入和淡出元素
 $(document).ready(function(){ 
  $("#elemntID").click(function() { 
    $("#ID_of_element_need_to_fade_in").fadeIn("slow");
  });

  $("#elemntID").click(function() { 
    $("#ID_of_element_need_to_fade_out").fadeOut("slow"); 
  });
});

答案 5 :(得分:0)

使用

$('#id').click(function() {
$('#id').fadeIn();
$('#id').fadeOut(); 

});
[link][1]
<script>
$("button:first").click(function() {
$("p:first").fadeToggle("slow", "linear");
});
$("button:last").click(function () {
$("p:last").fadeToggle("fast", function () {
 $("#log").append("<div>finished</div>");
});
});
</script>