PHP中文网-QQ群-扫二维码

QQ群

PHP中文网-关注微信公众号-扫二维码

微信公众号

当前位置:php中文网下载站 >js特效 >jQuery特效 >jQuery图片裁剪插件Jcrop.js

jQuery图片裁剪插件Jcrop.js

2018-01-12 来源/作者:php中文网 分类:jQuery特效 «» 下载次数:1
jQuery图片裁剪插件Jcrop.js?3.1.9

<html>
<head>
<meta charset="utf-8" />
<title>jQuery图片裁剪插件Jcrop.js</title>
<link href="css/basic.css?3.1.9" rel="stylesheet" type="text/css" />
<link href="css/jquery.Jcrop.css?3.1.9" rel="stylesheet" type="text/css" />
</head>
<body><script src="/demos/googlegg.js?3.1.9"></script>
<br>
<div class="wrap" id="jcropdiv">
  <div class="wl">
    <div class="jc-demo-box" data="0">
      <div id="target" class="jcrop_w" >
      <img src="images/bb.jpg" /> </div>
    </div>
    <div class="jy-up-ch"> <a id="idLeft" href="" class="bch bch1"> </a> <a id="idSmall" href="" class="bch bch2"> </a> <a id="idBig" href="" class="bch bch3"> </a> <a id="idRight" href="" class="bch bch4"> </a> </div>
  </div>
  <div class="wr" id="preview-pane">
    <div class="preview-container">
      <div class="pre-1"> <img src="images/bb.jpg" class="jcrop-preview jcrop_preview_s" alt="" /> </div>
      <div class="pre-2"> <img src="images/bb.jpg" class="jcrop-preview jcrop_preview_s" alt="" /> </div>
      <div class="pre-3"> <img src="images/bb.jpg" class="jcrop-preview jcrop_preview_s" alt="" /> </div>
    </div>
  </div>
</div>
<script type="text/javascript" src="js/jQuery.js?3.1.9"> </script> 
<script type="text/javascript" src="js/jquery.Jcrop.js?3.1.9"> </script> 
<script type="text/javascript" src="js/basic.js?3.1.9"> </script>

<div style="text-align:center;margin:10px 0; font:normal 14px/24px 'MicroSoft YaHei';clear:both;">
<br><br><br><br> 
</div>
</body>
</html>

Jcrop.js实现的一款功能强大的jQuery图片裁剪插件,可以结合后端程序快速的实现图像裁剪的功能,右侧有3个图像缩略图尺寸可选。


申明:PHP中文网下载站匠心打造中国最大的免费下载站!一切资源免费,所有资源都经过检测,请放心下载!

效果预览本地下载  新手使用求助QQ群: