jqueryは京東モールとファンケモールの画像拡大効果を実現_jquery

効果は次のとおりです:


デモを見て、「コードの実行」後に更新してください:

<title>JQzoom デモ</title> <link rel="stylesheet" href="http://img.jb51.net/online/jqzoom/css/jqzoom.css" type="text/css"> <style type> div.notes{ font-size:12px; } div.notes a{ color:#990000; } </style> <a href="http://img.jb51.net/online/jqzoom/demo/kawasakigreen.jpg" class="jqzoom" title="kawasaki"> <img src="http://files.jb51.net/upload/20090510114029981.jpg" title="kawasakigreen" alt="jqueryは京東モールとファンケモールの画像拡大効果を実現_jquery" > </a>

[Ctrl A すべて選択 注:
外部 Js を導入する必要がある場合は、更新して実行する必要があります
]

この効果を実現するには、この効果が必要なページの領域に追加するだけです: コードをコピー

コードは次のとおりです。


src="js/jquery-1.3.2.min.js" type= "text/javascript">

このエフェクトを使用する必要があるもの: コードをコピー

コードは次のとおりです。

< a href="upload/bimg/2.jpg" class="jqzoom" title="検索 "> 🎜>
class="jqzoom" がキーです。
属性設定には以下が含まれます:

元の記事を直接表示することもできます: http://www.mind-projects.it/projects/jqzoom/index.php#examples
著者が注意深く用意した例を見てみることに興味があるかもしれません: http://www.mind-projects.it/projects/jqzoom/demos.php#demo1

パッケージのダウンロード アドレス

声明：

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