<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.upload.js"></script>
<div id="upload"></div>
<script>
	$('#upload').upload({
		url: "",						//服务器地址
		autoUpload: true,				//是否开启自动上传，默认开启
		width: 100,						//上传域宽度
		height: 30,						//上传域高度
		successTimeout: 3,				//上传成功延迟秒数
		compressImage: false,			//图片是否开始压缩上传
  		uploadDiv: '',					//手动上传按钮所在div的class
		uploadButtonClass: '',			//上传按钮的class
		uploadButtonText: '开始上传',	 //上传按钮的文字，默认是这样
		cancelButtonText: '取消上传',	 //取消按钮的文字，默认是这样
		cancelButtonClass: '',			//取消按钮的class
		onSelected: '',					//选择文件之后的回调函数
		onUploadComplete: '',			//上传完成的回掉函数
		onUploadFailed: '',				//上传失败的回掉函数
		onUploadCancel: ''				//取消上传的回掉函数
	});
</script>

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.drafts.js"></script>
<form>
	<input name="title" />
	<select name="category">
		<option value="1">vision</option>
		<option value="2">sophia</option>
	</select>
	<input type="checkbox" value="1"/>sara
	<input type="checkbox" value="1"/>pat
	<textarea name="content"></textarea>
</form>
<button id="js_save">save</button>
<button id="js_recovery">recovery</button>
<script>
	$(function() {
		$('#js_save').on('click', function() {
			$('form').save();
		});
		$('#js_recovery').on('click', function() {
			$('form').recovery();
		});
	});
</script>

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.rotate.js"></script>
<div id="demo_wrap">
    <p>
        <a href="javascript:void(0);" id="js_rotate_left">向左转</a>
        <em>|</em>
        <a href="javascript:void(0);" id="js_rotate_right">向右转</a>
        <img id="js_image" src="avatar.png"/>
    </p>
</div>
<script>
    $('#rotate_left').on('click', function() {
        $('#js_image').rotate(false);
    });
    $('#rotate_right').on('click', function() {
        $('#js_image').rotate();
    });
</script>