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

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

WBOY
WBOYオリジナル
2016-05-16 17:04:591453ブラウズ

一、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 の使用、实现缩放和拖動作:
复制代码代码如下:




   
   
   
   









声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。