jQuery画像切り抜きプラグイン Jcrop.js
<html>
<頭>
<meta charset="utf-8" />
<title>jQuery图片裁裁插件Jcrop.js</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.Jcrop.css" rel="stylesheet" type="text/css" />
</頭>
<body><script src="/demos/googlegg.js"></script>
<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="プレビューペイン">
<div class="プレビューコンテナ">
<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"> </スクリプト>
<script type="text/javascript" src="js/jquery.Jcrop.js"> </スクリプト>
<script type="text/javascript" src="js/basic.js"> </スクリプト>
<div style="text-align:center;margin:10px 0; font:normal 14px/24px 'MicroSoft YaHei';clear:both;">
</div>
</本文>
</html>
Jcrop.js 実現の一款機能强大的 jQuery 图片裁断機能,後端プログラム高速結合可能厰厰画像裁断機能,右辧有 3 個の画像缩略画像サイズ選択できます。
このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn
関連記事
![スライド効果と不透明効果を備えたシンプルな jQuery 画像スライダーを作成する方法](https://img.php.cn/upload/article/001/246/273/173243421383349.jpg)
24 Nov 2024
スライド効果と不透明効果を備えたシンプルな jQuery イメージ スライダーの構築外部プラグインに依存せずに jQuery でカスタム イメージ スライダーを作成...
![jQueryでテキストの点滅アニメーションを実現するにはどうすればよいですか?](https://img.php.cn/upload/article/001/246/273/173024858877609.jpg)
30 Oct 2024
jQuery を使用してテキスト点滅アニメーションを実現するこのクエリでは、jQuery を使用して点滅するテキスト効果を作成するためのシンプルかつ効果的な方法を模索します。
![フェード効果またはスライド効果を備えた jQuery 画像スライダーを簡単に作成するにはどうすればよいですか?](https://img.php.cn/upload/article/001/246/273/173243996157499.jpg)
24 Nov 2024
フェード効果またはスライド効果を使用して jQuery 画像スライダーの作成を簡素化します経験豊富な開発者でも、jQuery を使い始めたばかりでも、クラフト...
![jQuery Mobile でコンテンツの高さを正確に計算してヘッダーとフッターの間のスペースを埋めるにはどうすればよいですか?](https://img.php.cn/upload/article/001/246/273/173526661567147.jpg)
27 Dec 2024
jQuery Mobile を使用して Web ページのコンテンツの高さの計算を強化するjQuery のヘッダーとフッターの間のスペースを効果的に埋めるには...
![jQuery を使用して DOM 要素コンテンツの変更を検出するにはどうすればよいですか?](https://img.php.cn/upload/article/001/246/273/173184402223220.jpg)
17 Nov 2024
jQuery での DOM 要素コンテンツの変更の検出jQuery のchange() 関数は、フォーム要素の変更を効果的に監視し、コンテンツを検出します。
![切り抜きや配置の問題を発生させずに、レスポンシブにスケール変更された CSS 背景画像を作成するにはどうすればよいですか?](https://img.php.cn/upload/article/001/246/273/173580249923549.jpg)
02 Jan 2025
プロポーショナル スケーリングを使用したレスポンシブ CSS 背景画像 CSS の背景画像は、特に必要な場合に扱いにくいことがよくあります。
![jQuery でマウス ホイール イベントをキャプチャするにはどうすればよいですか?](https://img.php.cn/upload/article/001/246/273/172987526925594.jpg)
26 Oct 2024
jQuery でのマウス ホイール イベントのキャプチャjQuery は、スクロール イベントとは異なる特定のマウス ホイール イベントをキャプチャする効果的な方法を提供します。これ...
![ASP.NET UpdatePanels で jQuery のマウスオーバー効果を維持するにはどうすればよいですか?](https://img.php.cn/upload/article/001/246/273/173318683092401.jpg)
03 Dec 2024
jQuery $(document).ready と UpdatePanels: 洗練された外観 jQuery を利用して UpdatePanel 内の要素にマウスオーバー効果を適用する場合、...
![jQuery の `change()` 関数を超えて DOM 要素コンテンツの変更を検出するにはどうすればよいですか?](https://img.php.cn/upload/article/001/246/273/173197902344482.jpg)
19 Nov 2024
jQuery を使用した DOM 要素コンテンツの変更の検出jQuery のchange() 関数は、フォーム要素値の変更を効果的に検出します。しかし、もし...
![See all articles](/static/imghw/down_right.png)
![](/static/imghw/taglogo.png)
ホットツール Tags
![](/static/imghw/taglogo.png)
Hot Tools
![jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果](https://img.php.cn/upload/jscode/000/000/001/5c64d3e6d92b2641.jpg)
jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果
Douyin で非常に人気のある jQuery バレンタインデーの告白花火アニメーション特殊効果で、プログラマーや技術オタクが愛する女の子に愛を表現するのに適しています。喜んでいるかどうかに関係なく、最終的には同意する必要があります。
![Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート](https://img.php.cn/upload/jscode/000/000/001/5a93a913de3a7571.png)
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
![520 バレンタインデーの告白 Web アニメーション特殊効果](https://img.php.cn/upload/jscode/000/287/557/620611f90d724550.jpg)
520 バレンタインデーの告白 Web アニメーション特殊効果
jQuery バレンタインデーの告白アニメーション、520 告白背景アニメーション
![クールシステムのログインページ](https://img.php.cn/upload/jscode/000/120/096/5e09903f2f0c4401.jpg)
クールシステムのログインページ
クールシステムのログインページ
![HTML5テープミュージックプレーヤー - CASSETTE PLAYER](https://img.php.cn/upload/jscode/000/120/096/5e200ad65973d549.jpg)
HTML5テープミュージックプレーヤー - CASSETTE PLAYER
HTML5テープミュージックプレーヤー - CASSETTE PLAYER
![](/static/imghw/taglogo.png)