这么写为啥没有效果呢

lghyt 发布于 2016/06/06 10:37
阅读 288
收藏 0
<script>

$(document).ready(function(e) {
    $("img").click(function(){
		$(this).fadeIn();
	});
});

</script>
<img src="1.jpg"/><img src="2.jpg"/><img src="3.jpg"/>



加载中
0
it1000001001
it1000001001

这样呢?

<script>
 
$(document).ready(function(e) {
    $("img").hide();
    $("html").click(function(){
        $("img").fadeIn();
    });
});


</script>

</head>
<body>
<img src="1.jpg"/><img src="2.jpg"/>
</body>
</html>



定义和用法

fadeIn() 方法使用淡入效果来显示被选元素,假如该元素是隐藏的


提示和注释

提示:如果元素已经显示,则该效果不产生任何变化,除非规定了 callback 函数。

注释:该效果适用于通过 jQuery 隐藏的元素,或在 CSS 中声明 display:none 的元素(但不适用于 visibility:hidden 的元素)。

你是想点击已经存在且显示的图片后,让其再次渐显?我觉得貌似你真的没有搞清楚问题的前提。
lghyt
lghyt
我有点明白了,逻辑上有问题
0
@ccny
@ccny

$("img").click(function(event) {  

   //调试一下看看 event 是什么。用这个对象就可以了。

});

0
it1000001001
it1000001001

先隐藏

<script>
 
$(function(){
  $("img").hide();
  $("#button").click(function(){
    $("img").fadeIn();
  });
});

</script>

</head>
<body>
<img src="1.jpg"/><img src="2.jpg"/>
<input id="button" type="button" name="some_name" value="按钮">
</body>
</html>



it1000001001
it1000001001
回复 @lghyt : 不知道fadeIn()能否作用元素本身
lghyt
lghyt
回复 @it1000001001 : 讨论是有前提的,没了前提讨论啥?
it1000001001
it1000001001
回复 @lghyt : 好吧。。。:)
lghyt
lghyt
你可真行,为啥把html结构改了?你改的这种问题是你的,但,不是我的问题!
0
qingfeng哥
qingfeng哥
按理没事的
0
Freya001
Freya001
你有三张图片,你没有指定是那张图片
0
lghyt
lghyt

引用来自“it1000001001”的评论

这样呢?

<script>
 
$(document).ready(function(e) {
    $("img").hide();
    $("html").click(function(){
        $("img").fadeIn();
    });
});


</script>

</head>
<body>
<img src="1.jpg"/><img src="2.jpg"/>
</body>
</html>



定义和用法

fadeIn() 方法使用淡入效果来显示被选元素,假如该元素是隐藏的


提示和注释

提示:如果元素已经显示,则该效果不产生任何变化,除非规定了 callback 函数。

注释:该效果适用于通过 jQuery 隐藏的元素,或在 CSS 中声明 display:none 的元素(但不适用于 visibility:hidden 的元素)。

你是想点击已经存在且显示的图片后,让其再次渐显?我觉得貌似你真的没有搞清楚问题的前提。
$(document).ready(function() {

	$("img").click(function(){
		$(this).fadeOut();
	});
});



    这么写就行了,主要是脑子有点短路没有理解fadeIn这个函数是咋回事,我还以为它是渐渐没了呢,其实fadeout是这样
返回顶部
顶部