<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><div class="code" style="position:relative; padding:0px; margin:0px;"><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 class="contentsignin">登入後複製</div></div> </div> <br><div class="code" style="position:relative; padding:0px; margin:0px;"><pre></pre><div class="contentsignin">登入後複製</div></div> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre name="code" class="html "></pre><div class="contentsignin">登入後複製</div></div> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre name="code" class="html">當滑鼠移到盒子上的時候上面就會出現一個黑色的盒子</pre><div class="contentsignin">登入後複製</div></div> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre name="code" class=" html">這是在瀏覽網頁的時候看到的效果</pre><div class="contentsignin">登入後複製</div></div> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre name="code" class="html">在這裡寫側面前></pre><div class="contentsignin">登入後複製</div></div>
