案例:jQuery UI案例     状态:可编辑再运行    进入横版
x
 
1
<!doctype html>
2
<html lang="en">
3
<head>
4
    <meta charset="utf-8">
5
    <title>jQuery UI 日期选择器(Datepicker) - 动画</title>
6
    <link rel="stylesheet" href="/css/jqu1.10.4/jquery-ui.min.css">
7
    <script src="/js/jqu/jquery.min1.10.2.js"></script>
8
    <script src="/js/jqu/jquery-ui.min1.10.4.js"></script>
9
    <link rel="stylesheet" href="jqueryui/style.css">
10
    <script>
11
    $(function() {
12
        $( "#datepicker" ).datepicker();
13
        $( "#anim" ).change(function() {
14
            $( "#datepicker" ).datepicker( "option", "showAnim", $( this ).val() );
15
        });
16
    });
17
    </script>
18
</head>
19
<body>
20
21
<p>日期:<input type="text" id="datepicker" size="30"></p>
22
23
<p>动画:<br>
24
    <select id="anim">

 运行结果 
 北美留学生论坛