jQuery應用 - 製作滑動效果
一月 28th, 2010 文章分類於:WordPress系列, jQuery應用
WordPress系列
jQuery應用
BY 阿茂的隨手札記
WordPress從2.7版之後內建了jQuery，jQuery的優點就在於能夠兼容各種不同的瀏覽器，一些網頁效果也可以利用jQuery來達成。
這次實作的效果是讓側邊欄或是其他地方實現滑動效果，至於作用就是一般的效果呈現，並且讓網站也可以變的較為生動、活潑(?)，方法只要下載檔案修改並上傳後即可實現。
步驟︰【/wp-content/themes/使用中版型/header.php】
在<head>與</head>處加上
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://檔案放置網址/sliding_skymao.js"></script>
★第一行的jquery.min.js直接調用Google的，至於sliding_skymao.js檔案請從下方載點下載後放置到網路空間上調用，.請注意js檔案裡"slide"後方括號處請自行修改為您所使用的主題中css裡的定義。
載點︰請按此處下載
請注意步驟裡的星號事項"slide"後方括號處的修改，這裡是效果實現的重點，請根據目前所使用的主題中css的定義作修改，如此一來即可輕鬆的實現，具體效果為網站側邊欄Tab處近期文章、文章彙整等等，將滑鼠移過其下方內容的標題時會左右移動，雖然不怎麼實用，不過讓網站給人有不一樣的體驗也是蠻不錯的。
Loading ...
一月 31st, 2010 at 21:35:09
马上就要过年了。支持一下啊
一月 29th, 2010 at 01:34:33
看不懂
一月 28th, 2010 at 22:13:37
阿茂老師
又開始上課嚕~ ^^