ホームページ > ウェブフロントエンド > jsチュートリアル > jquery画像ズームとdrag_jqueryの簡単な例

jquery画像ズームとdrag_jqueryの簡単な例

WBOY
リリース: 2016-05-16 17:04:59
オリジナル
1474 人が閲覧しました

一、jquery を使用しない、简单的缩放:

复制代 代コード如下:




マウスホイール

変数数 = 10;
function Picture()
{
count = カウント(カウント);
サイズ変更(数);
false を返します。
}
function Counting(count){
if (event.wheelDelta >= 120)
count ;
else if (event.wheelDelta count--;
戻り数;
}
function Resize(count){
oImage.style.zoom = count '0%';
oCounter.innerText = カウント '0%';
}




サイズ =
100%




一、jquery の使用、实现缩放和拖動作:
复制代码代码如下:




   
   
   
   









ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート