你在头脑中看到的jQuery应该向上滑动它引用的div,所以你知道它为什么不会发生吗?请解释一下,因为我对jQuery很新。
$(文件)。就绪(函数(){ $("。关于&#34)。单击(函数(){ $("。关于&#34)效果基本show("慢&#34)。 }); }); Documento senza titolo
<body>
<div id="main">
<div id="logo">
<a href="index.html">
<img src="LogoU.png" width="130px" height="130px" />
</a>
</div><!--ends logo-->
<br/>
<br/>
<div id="abovenavigation">
<ul id="container">
<li><a href="index.html"><h1 class="Home">HOME</h1></a></li><!--
--><li><h1 class="About">ABOUT</h1></li><!--
--><li><h1 class="Blog">BLOG</h1></li><!--
-->
</ul><!--ends container-->
</div><!--ends upper navigation-->
<br/>
<br/>
<div id="me">
<img src="Gregory1.png" width**strong text**
答案 0 :(得分:0)
如果我理解正确,似乎有效。运行此代码。
$(document).ready(function(){ $(".About").click(function(){ $(".About").slideUp("slow"); }); });
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">
<div id="logo">
<a href="index.html">
<img src="LogoU.png" width="130px" height="130px" />
</a>
</div><!--ends logo-->
<br/>
<br/>
<div id="abovenavigation">
<ul id="container">
<li><a href="index.html"><h1 class="Home">HOME</h1></a></li><!--
--><li><h1 class="About">ABOUT</h1></li><!--
--><li><h1 class="Blog">BLOG</h1></li><!--
-->
</ul><!--ends container-->
</div><!--ends upper navigation-->
<br/>
<br/>
<div id="me">
<img src="Gregory1.png" />
</div>
&#13;