close

jQuery 的第一步

可以經鬆的將div的資料『顯示』或『隱藏』

程式碼:

<script type="text/javascript" src="jquery-1.2.6.js"></script>

<h2 class="tt">jQuery 的程式碼長怎樣?</h2>
<pre class="code">$("p.neat").addClass("ohmy").show("slow");</pre>

<input id="showBtn" type="button" value="執行此段程式碼" onclick="$('#neat').show();$('#showBtn').hide();$('#hideBtn').show();" />
<input id="hideBtn" type="button"   style="display:none" value="關閉此段程式碼" onclick="$('#neat').hide();$('#showBtn').show();$('#hideBtn').hide();" />

<div id="neat" style="background-color:#FFC; padding:5px; display:none">
恭喜你! 你已經跨出了 jQeery 的成功第一步</div>

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 hsiung03 的頭像
    hsiung03

    hsiung.博格 ERP軟體

    hsiung03 發表在 痞客邦 留言(0) 人氣()