2007-05-08 樣版微調(二) - jquery

今天努力的在localhost 改一下theme
right sidebar 的blocks 都用上漸變
以突顯效果
之後的改變都會以視覺沖擊為主
要吸引顧客啊....

有位過客留了言, 要講一講jquery
就在此淺談一下jquery
(原本打算link 一個jquery 官網的教學, 但jquery.com 近日被攻擊了, 訪問不了)

兩大javascript 庫, prototype 和jquery 我都有用過
各有千秋, 但因為Drupal 內建jquery,
用jquery 都多了, 但他們功能大都差無幾

用jquery, 先要熟用$(), 一個jquery 的selector
# 開頭代表id $("#wrapper")
. 開頭代表class
> 指子類
等等

其實menu 的漸變效果
由一個recursive 的函數做中心
自己(this) fadeIn() 完成了, callback 自己
然後找下一個siblings(兄弟元素), 用fadeIn(), callback 自己...
沒完沒了
然後用一個$(document).ready() 初始化就可以了

<?php
$(document).ready(function(){
  $(
"ul.primary-links").children().eq(0).fadeIn("slow",function(){
   
nextFadeIn(this)
  });
});
function
nextFadeIn(obj){
  $(
obj).next().fadeIn("slow",function(){nextFadeIn(this)});
}
?>

最後給一個link, 非常好的jquery reference:
http://visualjquery.com

Google