2014年3月28日 星期五
2014年3月27日 星期四
JQuery 判斷 元素 的 display 屬性
如果要使用 JQuery 判斷一個元素是否被隱藏其實很簡單(與原生的 Javascript 相比),以下就附上範例程式(以 id 舉例):
- var temp1 = $( "#test" ).is( ":hidden" ); // 元素 display:none
- var temp2 = $( "#test" ).is( ":visible" ); // 元素 display 除了 none 以外的屬性
2014年3月26日 星期三
Javascript 判斷及設定 元素 的 display 屬性
在 Javascript 若想判斷或設定某個元素的 display 屬性是什麼可以透過以下方式達成(用 id 來舉例):
- alert( document.getElementById('test').style.display ); // 該元素目前的 display
- document.getElementById('test').style.display = "none"; // 設定該元素的 display
2014年3月25日 星期二
JQuery 的 fade in 及 fade out
若是想用 JQuery 達成讓圖片或文字淡入、淡出那就是使用 fadeIn 及 fadeOut 這兩個 function 囉!使用方法其實非常簡單,以下附上範例:
- $( '#selector' ).fadeIn( 1500, function() {
- $( '#selector' ).fadeOut( 1500 );
- });
2014年3月24日 星期一
今年(2014) 清明節 落在 4 月 4 日
相信很多人跟我一樣對於今年的清明節在 4 月 4 日感到有些疑惑,以為是補 4 月 5 日星期六的假,因為清明節應該都是在 4 月 5 日。查了一下後才發現,其實清明節就和端午節、中秋節一樣,是二十四節氣之一,正確的日期是由冬至後開始算的第 105 天或春分後 15 日。清明節會因為歲差的關係,而落在國曆的 4 月 4 日、5 日或 6 日,所以,今年的清明節才會變成 4 月 4 日喔!
訂閱:
文章 (Atom)