html 实例源码

Xebcnor

工程师 (已认证)

原创分享签约作者

发表于实例源码

116

实例源码：

源代码：

执行

执行中...

<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>jQuery UI 日期选择器（Datepicker） - 动画</title>
	<link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
	<script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
	<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
	<link rel="stylesheet" href="jqueryui/style.css">
	<script>
	$(function() {
		$( "#datepicker" ).datepicker();
		$( "#anim" ).change(function() {
			$( "#datepicker" ).datepicker( "option", "showAnim", $( this ).val() );
		});
	});
	</script>
</head>
<body>

<p>动画：<br>
	<select id="anim">
		<option value="show">Show (默认)</option>
		<option value="slideDown">滑下</option>
		<option value="fadeIn">淡入</option>
		<option value="blind">Blind (UI 百叶窗特效)</option>
		<option value="bounce">Bounce (UI 反弹特效)</option>
		<option value="clip">Clip (UI 剪辑特效)</option>
/**代码未完, 请加载全部代码(NowJava.com).**/

编辑/阅读全部代码

执行结果：

本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。

编辑于 2019-10-10 14:49:352019-10-10 14:49:35

实例源码

实例源码订阅