xuyan5971

數據加載中……

2009年10月12日

jquery validation

摘要: 1<%@page contentType="text/html; charset=GBK"%> 2<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 3<%@ taglib uri="http:/... 閱讀全文

posted @ 2009-10-15 13:37 R99 閱讀(407) | 評論 (0) | 編輯收藏

[jQuery]animate(滑塊滑動)

html

</div>

css

body {}{

margin: 20px auto;

padding: 0;

width: 580px;

font: 80%/120% Arial, Helvetica, sans-serif;

}

a {}{

font-weight: bold;

color: #000000;

}

#box {}{

background: #6699FF;

height: 100px;

width: 100px;

position: relative;

}

</style>

jquery

1

$(document).ready(function(){
2

$(".run").click(function(){
3

4

$("#box").animate({opacity: "0.1", left: "+=400"}, 1200)
5

.animate({opacity: "0.4", top: "+=160", height: "20", width: "20"}, "slow")
6

.animate({opacity: "1", left: "0", height: "100", width: "100"}, "slow")
7

.animate({top: "0"}, "fast")
8

.slideUp()
9

.slideDown("slow")
10

return false;
11

12

});
13

});

posted @ 2009-10-13 18:01 R99 閱讀(443) | 評論 (0) | 編輯收藏

jquery學習筆記

：has

1

<div style="width:100%;height:100%;border-style:solid;border:2px;">
2

<div style="width:40px;height:30px;border-style:solid;border:2px;">
3

<p>Hello</p>
4

</div>
5

6

7

8

</div>

$("div:has(p)")





選中的是最外層的div

posted @ 2009-10-12 17:43 R99 閱讀(157) | 評論 (0) | 編輯收藏

<

2009年10月

>

日

一

二

三

四

五

六

27

28

29

30

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

6

7

統計

隨筆 - 16
文章 - 0
評論 - 6
引用 - 0

常用鏈接

留言簿

隨筆分類

Lucene(2) (rss)

xuyan5971

jquery validation

[jQuery]animate(滑塊滑動)

jquery學習筆記

統計

常用鏈接

留言簿

隨筆分類

隨筆檔案

搜索

最新評論

閱讀排行榜

評論排行榜