老規矩，先貼**
doctype html
>
<
html
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>
title
>
<
script
src="js/jquery.js"
>
script
>
head
>
<
style
>
body
.box
button
style
>
<
body
>
<
button
>點選開始動畫
button
>
<
div
class
="box"
>
hello!你好
div>
<
script
>
$(document).ready(
function
());
});});
script
>
body
>
html
>
先是 作出了 簡單的 滑塊向右滑動了 150px 的 jq **
要點：1、事件按鈕的選擇，並且與click 點選事件 函式相連線 起來
2、節點的選擇。在上述的例子中就是 「.box」
3、滑塊的 css 屬性當中 必須有 position 的 屬性值在裡面 才能 配合 這個 animate（）；運動起來
接下來 再 寫乙個 稍微複雜一點的效果
明天再貼**，小冰子君已經玩兒嗨了...
JQ動畫效果
顯示 隱藏var flag 1 btn first click function else taggle click function 淡入 淡出 btn eq 1 click function btn eq 2 click function btn eq 3 click function 滑入 滑...
JQ 簡單動畫顯示隱藏效果
一 概括 jq的顯示隱藏動畫總共有 普通顯示隱藏效果主要用了hide show toggle 淡入淡出主要用到了fadein fadeout fadetoggle 滑動效果主要用了slidedown slideup slidetoggle 其中各效果用到的toggle都是其他兩個屬性的切換 二 例項...
普遍的動畫效果
transition property duration timing function delay 預設值分別為 all 0 ease 0 property 填寫需要變化的css屬性如 width,line height,font size,color等 duration 完成過渡效果需要的時間 ...