javascript在加载时激发,而不是单击
我的目标是: 当页面加载时,在defalt选项卡中有一个img。用户点击img,它会淡出,辱骂下面的标签 我的问题是: 在我的html页面中,我放置了一个img标记。在标题中有一个javascript,当它被点击时,它成功地淡出img。然而,当img被放置在“选项卡”区域的内容部分时,当我加载页面时,淡入淡出会触发。我确信这两个脚本之间存在冲突。我的淡入淡出脚本(在html页面上)和运行“选项卡”的外部javascript 旁注:我已经做了无数安排,将img标记放置在html标记布局中。以及使用css 谢谢你的建议javascript在加载时激发,而不是单击,javascript,Javascript,我的目标是: 当页面加载时,在defalt选项卡中有一个img。用户点击img,它会淡出,辱骂下面的标签 我的问题是: 在我的html页面中,我放置了一个img标记。在标题中有一个javascript,当它被点击时,它成功地淡出img。然而,当img被放置在“选项卡”区域的内容部分时,当我加载页面时,淡入淡出会触发。我确信这两个脚本之间存在冲突。我的淡入淡出脚本(在html页面上)和运行“选项卡”的外部javascript 旁注:我已经做了无数安排,将img标记放置在html标记布局中。以及使用
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>page</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="CSS/style13.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="Js/tabs.js" type="text/javascript"></script>
<link rel=stylesheet type="text/css" href="tabstyle.css" /><script>
$(document).click(function(){
$("img").fadeOut('slow', function() {
$("img").removeClass();
});
});
</script>
</head>
<body>
<div class="WRAPPER">
<img src="images/tvOff.jpg" width="760" height="523">
<p class="dropcontent">
<div id="cyclelinks"></div>
</p>
<p class="dropcontent">
<img src="images/tvOn.jpg" width="760" height="523">
</p>
<p class="dropcontent">
<img src="images/logo1.png" >
</p>
</div><!--WRAPPER CLOSE-->`enter code here`
<div class="tvBase"></div>
</body>
</html>
页
$(文档)。单击(函数(){
$(“img”).fadeOut('slow',function(){
$(“img”).removeClass();
});
});
`在这里输入代码`
您将单击按钮放置在整个文档上,而不仅仅是图像上。您还可以淡入所有图像,而不仅仅是单击的图像
$("img").click(function(){
$(this).fadeOut('slow', function() {
$(this).removeClass();
});
});
欢迎来到stackoverflow!詹姆斯,谢谢你的回答。这让我释放了处理标签的js。所以我加入了新的js来运行这些标签,效果非常好。这是这一页的一部分。感谢overFlow的所有人,感谢你们一直以来的支持。