利用jquery实现图片裁剪预览效果代码



31 123 42



特效描述:利用jquery实现 图片裁剪预览,利用jquery实现图片裁剪预览效果代码

代码结构

1. 引入JS

<script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.4.custom.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>

2. HTML代码

		<div id="box" class="box">
			<img class="img1" src="js/1.jpg"/>
			<img id="img2" class="img2" src="js/1.jpg"/>
			<div class="main" id="main">
				<div id="left-up" class="minDiv left-up"></div>
				<div id="left" class="minDiv left"></div>
				<div id="left-down" class="minDiv left-down"></div>
				<div id="up" class="minDiv top"></div>
				<div id="right-up" class="minDiv right-up"></div>
				<div id="right" class="minDiv right"></div>
				<div id="right-down" class="minDiv right-down"></div>
				<div id="down" class="minDiv bottom"></div>
			</div>
		</div>
		<div id="preview">
			<img id="img3" class="img3" src="js/1.jpg"/>
		</div>
<div style="text-align:center;margin:1px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 拖动 拖拽 拖动插件 拖拽插件 滑动星星打分 放大缩小 变大变小 放大 缩小 变大 变小 缩放 缩放切换 其他 预览 图片拖动 图片拖拽 图片放大缩小 图片缩放 图片大小 图片放大 图片缩小 图片变大 图片变小

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到