jQuery 的 slogon —> “jQuery: The Write Less, Do More, JavaScript Library”
…….
先隱藏
<div id=’class_div’ style=”display:none”>Hello world</div>
<div id=’class_div_2′>Hello world</div>
用 jquery 打開
$(“#class_div”).show();
http://www.w3.org/TR/CSS2/images/boxdim.gif
jQuery 牛刀小試 1 – 把 Mbloglog 的外框去掉
先用一個 名為 whovisited 的 div 把 mybloglog 的code 包起來 , 等 document ready 後執行一連串的 hide , 這些 id 是用 firebug 查出來的 , 然後該藏的都藏好後, 再把 div id 是 whovisited 打開, 這樣就行了.
[code language=’js’]
$(document).ready(function() {
$(‘#mbl_widget_footer’).hide();
$(‘#mbl_widget_s_l’).hide();
$(‘#mbl_widget_s_m’).hide();
$(‘#mbl_widget_s_r’).hide();
$(‘#mbl_widget_actions’).hide();
$(‘#mbl_widget_title’).hide();
$(‘#whovisited’).show();
});
[/code]
如下圖:
進階改法: 把每個 icon 選出來, 再組合起來, 這樣好處是比較能控制每個 icon .