利用jQuery實現圖片截剪預覽功能插件



16 60 21



特效描述:利用jQuery實現 圖片截剪 預覽功能插件,利用jQuery實現圖片截剪預覽功能插件

代碼結構

1. 引入CSS

<link rel="stylesheet" href="css/jquery.Jcrop.css" type="text/css" />

2. 引入JS

<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/jquery.Jcrop.js" type="text/javascript"></script>

3. HTML代碼

<center>
<div id="content">
<br><br><br>
<!--DEMO start-->
<img src="images/photo.jpg" id="target" />
<input type="hidden" id="txtX1" />
<input type="hidden" id="txtY1" />
<input type="hidden" id="txtX2" />
<input type="hidden" id="txtY2" />
<input type="hidden" id="txtW" />
<input type="hidden" id="txtH" />
<div id="show"></div>
<div style="float:right;margin:0 0 5px 5px; display:inline; overflow:hidden;">
<!--DEMO end-->
	</div>
</center>
 <div style="display:none">
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滑動星星打分 其他 預覽 頭像截圖
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表