0

我的页面顶部有一个 div，里面有一个按钮，单击该按钮会显示一个带有选项的隐藏 div。我想使用 JQuery 淡入 div 给它更多的眼睛糖果。但是当我添加javascript时，一切都消失了！我也不知道为什么。我需要在场景助手中使用它吗？我不这么认为...感谢所有帮助，谢谢！

<body>

<style type="text/css">
.header {
color:#FFF;
width:100%;
margin-top:-60px;   
position:absolute;
padding:15px;
background:#6699CC;
}

.header:hover #hidden {
display:none;
}

#hidden {
display:none;
}

.post {
background:#6699CC;
}

.post:hover #hidden {
display:block;
}

#pill {
position:absolute;
margin-left:65.5%;
margin-top:-34px;
}

#pill:hover {
opacity:0.4;filter:alpha(opacity=40)
}

h1 {
font-size:20px;
font-weight:normal;
}

.textPost, .photoPost, .quotePost, .linkPost, .chatPost, .audioPost {
width:80px;
height:90px;
padding:20px;
padding-top:10px;
text-align:center;
}

.textPost, .quotePost, .chatPost {
float:left;
}

.photoPost, .linkPost, .audioPost {
float:right;
margin-right:40px;
}

#bubble, #photograph, #quote, #link, #chat, #audio {
margin-top:10px;
margin-bottom:-20px;
}

.space {
background:#6699CC;
width:100%;
height:50px;
position:absolute;
margin-top:365px;
margin-left:-15px;
}
</style>

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<style type="text/javascript" />            
$(function(){
$('#pill').click(function(){
$('#hidden').fadeIn()
});
});
</script>
</head>

<div id="main" class="palm-hasheader"></div>
<div class="header">Dashboard<div class="post"><img id="pill"  
src="http://27.media.tumblr.com/tumblr_lhbg3u8WLe1qajshqo1_100.png">
<div id="hidden">
<div class="textPost">
<img id="bubble" src="http://28.media.tumblr.com/tumblr_lhb72wBhjy1qajshqo1_100.png">
<h1>Text</h1>
</div>

<div class="photoPost">
<img id="photograph" 
src="http://27.media.tumblr.com/tumblr_lhb7mjyYbm1qajshqo1_100.png">
<h1>Photo</h1>
</div>

<div class="quotePost">
<img id="quote" 
src="http://30.media.tumblr.com/tumblr_lhb91dxhML1qajshqo1_100.png">
<h1>Quote</h1>
</div>

<div class="linkPost">
<img id="link" src="http://30.media.tumblr.com/tumblr_lhb9od3cPU1qajshqo1_100.png">
<h1>Link</h1>
</div>

<div class="chatPost">
<img id="chat" src="http://29.media.tumblr.com/tumblr_lhb9ziYQRJ1qajshqo1_100.png">
<h1>Chat</h1>
</div>

<div class="audioPost">
<img id="audio"    
src="http://30.media.tumblr.com/tumblr_lhbbrcUSmP1qajshqo1_100.png">
<h1>Audio</h1>
</div>
<div class="space"></div>
</div>
</div>
</div>
</body>
4

1 回答 1

1

<style type="text/javascript" />我认为是不正确的尝试：

<script type="text/javascript">反而。

在我的 Pre 上工作。

祝你好运！

于 2011-03-01T14:58:00.390 回答