0

我的目标：在页面加载时在默认选项卡中有一个 img。用户单击 img 并淡出以辱骂下面的选项卡。

我的问题：在我的 html 页面中，我放置了一个 img 标签。在标题中有一个 javascript 在单击时成功淡化 img。但是，当 img 放置在“选项卡”区域的内容部分中时，当我加载页面时会触发淡入淡出。我确定这两个脚本之间存在冲突。我的淡入淡出脚本（在 html 页面上）和运行“标签”的外部 javascript。

附注：我已经做了无数次安排，将 img 标签放在 html 标签布局中。以及使用css。

感谢您的任何建议。

<!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>
4

1 回答 1

0

您将 放置click在整个文档上，而不仅仅是图像。您还可以淡化所有图像，而不仅仅是单击的图像。

$("img").click(function(){
   $(this).fadeOut('slow', function() {
       $(this).removeClass();
   });
});
于 2013-10-28T19:33:07.990 回答