Enlarge.js図拡大鏡の効果
891 ワード
EnlargeはjQueryベースのプラグインで、グラフィック拡大鏡の効果を非常に便利に実現することができ、オンラインショッピングモール、電子商取引、企業製品紹介など、多くの商品類サイトに適しています.
ダウンロードサイズの参照:
開発版:jquery.enlarge.js - 3.51K
圧縮版:jquery.enlarge.min.js - 1.67K
使用
デフォルトの呼び出し:
完全なパラメータ:
$("#demo1").enlarge(
{
//マウスマスクスタイル
shadecolor:"#FFD24D",
shadeborder:"#FF8000",
shadeopacity:0.5,
cursor:"move",
//大図外層様式
layerwidth:400,
layerheight:300,
layerborder:"#DDD",
fade:true,
//大図サイズ
largewidth:1280,
largeheight:960
});
互換性
IE 6+/Chrome/Safare/Firefox/Operaなどの主流ブラウザに対応.
提供に感謝
http://www.abelcode.com/enlarge/
ダウンロードサイズの参照:
開発版:jquery.enlarge.js - 3.51K
圧縮版:jquery.enlarge.min.js - 1.67K
使用
デフォルトの呼び出し:
$("#demo1").enlarge();
完全なパラメータ:
$("#demo1").enlarge(
{
//マウスマスクスタイル
shadecolor:"#FFD24D",
shadeborder:"#FF8000",
shadeopacity:0.5,
cursor:"move",
//大図外層様式
layerwidth:400,
layerheight:300,
layerborder:"#DDD",
fade:true,
//大図サイズ
largewidth:1280,
largeheight:960
});
互換性
IE 6+/Chrome/Safare/Firefox/Operaなどの主流ブラウザに対応.
提供に感謝
http://www.abelcode.com/enlarge/