<div class="codetitle"> <span><a style="CURSOR: pointer" data="41439" class="copybut" id="copybut41439" onclick="doCopy('code41439')"><u>複製程式碼</u></a></span>程式碼如下:</div> <div class="codebody" id="code41439"> <br><script src="js/Jquery1.7.js"> <BR><腳本類型=“text/javascript”> <BR>$(function () { <BR>$('div:eq(1)').css({ 'margin-top': '-=100px' }); <BR>$('div:first ').mouseover(function () { <BR>$('div:eq(1)').animate({'margin-top': ' =100px'}); <BR>}) <BR>$( 'div:first').mouseout(function () { <BR>$('div:eq(1)').animate({ 'margin -top': '-=100px' }); <BR>}) <BR></script> <br> </div> <br><div class="codetitle"><span><a style="CURSOR: pointer" data="33153" class="copybut" id="copybut33153" onclick="doCopy('code33153')"><u>複製程式碼</u></a></span></div>複製程式碼<div class="codebody" id="code33153"> <br><br><br>複製程式碼<br> <br><br>代碼如下:<br><br> <br><pre name="code" class="html"><div style="width:600px;height:300px;overflow:hidden;"> <br><div style="background-color :#000;height:100px;"> <br> </div> </div> <div style="background-color:#eee;height:300px; "> </div></pre> </div> <br><pre></pre> <pre name="code" class="html "></pre> <pre name="code" class="html">當滑鼠移到盒子上的時候上面就會出現一個黑色的盒子</pre> <pre name="code" class=" html">這是在瀏覽網頁的時候看到的效果</pre> <pre name="code" class="html">在這裡寫側面前></pre>