JiunJiun: jQuery

顯示具有 jQuery 標籤的文章。顯示所有文章

2011年8月6日星期六

[jQuery]Nivo Slider

Nivo Slider

這個是一個相當有質感的Slider，不僅滑動的圖片特效很多，還不固定

讓人有一種期待的心，想接著再看下一張

Dome：http://nivo.dev7studios.com/demos/
Downloads：http://dev7studios.com/downloads/42

[jQuery] jQuery progressbar

jQuery progressbar

這是一個還蠻漂亮的 Progressbar

Downloads：http://t.wits.sg/jquery-progress-bar/

2011年6月2日星期四

[JavaScript] 開啟視窗

HTML

<a href="#" onclick="window.open('test.html','textfile',config='height=500,width=750,menubar=1')">
   詳細資料
</a>

可以直接開啟新視窗，並且再最可以隱藏工具列等其他的設定

下面是jQuery 寫法

HTML

<a href="#" id="userdata" >詳細資料</a>

jQuery

$("#userdata").click(function () { 
    window.open('/','textfile',config='height=500,width=750,menubar=1');
});

以下是參數

height=100 窗口高度；

width=400 窗口寬度；

top=0 窗口距離瀏覽器上方的像素值；

left=0 窗口距離瀏覽器左側的像素值；

toolbar=no 是否顯示工具列，yes為顯示、no為不顯示；

menubar=no 是否顯示選單列，yes為顯示、no為不顯示；

scrollbars=no 是否顯示滑動軸，yes為顯示、no為不顯示；

resizable=no 是否允許改變窗口大小，yes為允許、no為不允許；

location=no 是否允許顯示網址列，yes為允許、no為不允許；

status=no 是否顯示狀態檔內的訊息，yes為允許、no為不允許；

參考網站：http://www.study-area.org/coobila/tutorial_275.html
http://www.javascript-coder.com/window-popup/javascript-window-open.phtml
http://kyo0183.blogspot.com/2008/10/windowopen.html

2011年5月30日星期一

[jQuery] 指定select為選取狀態

範例 HTML

<select id="selectBox">
    <option value="A">Number 0</option>
    <option value="B">Number 1</option>
    <option value="C">Number 2</option>
    <option value="D">Number 3</option>
    <option value="E">Number 4</option>
    <option value="F">Number 5</option>
    <option value="G">Number 6</option>
    <option value="H">Number 7</option>
</script>

jQuery code

<script>
   $('#selectBox option[value=C]').attr('selected', 'selected');
</script>

在網頁裡就會顯示"Number 2"

取得目前點選的val值

<script>
$("#selectBox").change(function(){
    var t = $(this).val(); 
})
</script>

參考網頁 here

2011年8月6日 星期六