ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryツールシリーズはlearning_jqueryを公開します

jqueryツールシリーズはlearning_jqueryを公開します

WBOY
WBOYオリジナル
2016-05-16 18:47:031002ブラウズ

たとえば、オーバーレイを学習する場合、まず操作の HTML ターゲット コードを指定します。

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








;



この関数は、jqueryObject.expose() メソッドを通じて実装されます。具体的な実装メソッドは次のとおりです。
$("jquery selector").expose({config object}) //このメソッドは、設定オブジェクトの表示。
次のコードは構成パラメータを説明します:
本当この属性は、非
属性 デフォルト値 詳細説明
カラー '#456' エクスポーズ(ハイライト)効果を表示する場合の、e以外のエクスポーズ(ハイライト)領域の背景色を設定します。ここで背景色が設定されていない場合は、公開関数によってデフォルトの色が提供されます。さらに、属性は、maskId の CSS スタイルを通じて設定することもできます。
不透明度 0.8 設定ページの非露出(ハイライト)はにあります 背景の透明度Expose (ハイライト) エフェクトが表示されるとき。ここでの透明度の値の範囲は [0,1] で、値が大きいほど透明度は低くなります。
読み込み速度 「遅い」 露出 (ハイライト) エフェクトがトリガーされたときの、ページ内の非露出 (ハイライト) 領域の表示速度を設定します。ここでの値は、「低速」、「標準」、「高速」、およびミリ秒値に設定できます。例: ここで設定した値が 2000 の場合、非露光 (ハイライト) 領域の効果は 2 秒以内に表示されます。ここの値を 0 に設定すると、非露出 (ハイライト表示) 領域にはアニメーション効果がなく、すぐに表示されます。
closeSpeed 「速い」 設定ページの非expose(ハイライト)はにあります。 🎜> (ハイライト) エフェクトがオフになっているときの閉じる速度。ここでの値は、 'slow'、'normal'、'fast' およびミリ秒値に設定できます。具体的な例については、この記事の関連する例を参照してください。
マスク ID 'exposeMask' ページ div 要素公開 (強調表示) 領域🎜 >id、これは通常の div 要素ですが、expose() トリガーされると、ページ全体を完全にカバーするように自動的に調整されます。非expose(強調表示)領域の表示効果は、div スタイルを変更します。ここに設定がない場合、プラグインはデフォルトで idexposeMask として提供し、非実装を実装します。 エリアを公開します。 CloseOnClick
expose expose(ハイライト)を閉じるかどうかを設定するために使用されます。 > エリアをクリックすると ) エフェクトが表示されます。この属性のデフォルト値は true で、非 expose 領域をクリックした後、expose エフェクトがオフになります。
closeOnEsc 本当 この属性は、Esc キーの後に expose( ハイライトを閉じるかどうかを設定するために使用されます)を押す )効果を表示します。この属性のデフォルト値は true で、Esc キーを押すと、exposeエフェクトはオフになります。
zIndex 9998 ページ設定ページで非公開 (ハイライト) 領域の z-index (CSS) 属性を設定します。通常の状況では、デフォルトの zIndex 属性値は非常に大きいため、ここで設定する必要はありません。ただし、注意すべき点は、非公開 (ハイライト表示) の z-index 属性値がどの値よりも大きい必要があることです。ページ上の z-index 属性。
API この属性の説明については、このシリーズのタブ、スクロール可能などの同じ機能を持つ属性の説明を参照してください。
onBeforeLoad expose(ハイライト) エフェクトがトリガーされる前に呼び出される関数。関数が false を返した場合、expose(ハイライト効果) はブロックされます実装から。
onLoad 露出 (ハイライト) 効果が達成された後、 この機能がトリガーされます。
閉じる前 expose (ハイライト) 関数は、エフェクトがオフになる前に呼び出されます。関数が false を返した場合、expose(ハイライト効果) はブロックされます閉店から。
onClose   expose(突出显示)效果关闭后,该函数被触发。
さらに、expose は、expose オブジェクトを取得するための一連のメソッドも提供します。これらのメソッドの説明は次のとおりです。
メソッド 戻り値 詳細説明
load() API トリガー露出(ハイライト)エフェクト, このメソッドは、expose(highlight) が初期化された後にのみ正常に呼び出すことができます。
閉じる() API 露出(ハイライト) エフェクトを閉じます。
isLoaded() ブール値 現在の expose(強調表示) がトリガーされたかどうかを判断します。
getMask() jQuery expose(ハイライト)jqueryオブジェクト。非expose(highlight)は、jquery エリアの表示効果。
getExused() jQuery は、expose(highlight)jquery を返します。 オブジェクト。
getConf() オブジェクト expose(highlighted) の設定オブジェクトを返します。
onBeforeLoad(fn) API 設定ファイルの onBeforeLoad 属性と同じです。
onLoad(fn) API 設定ファイルの onLoad 属性と同じです。
onBeforeClose(fn) API 同配置文件中onBeforeClose属性。
onClose(fn) API 同配置文件中onClose属性。
公開構成オブジェクトのプロパティ設定とメソッド呼び出しの具体的な使用法は次のとおりです。
コードのコピー コードは次のとおりです。

var testApi=$("#test").expose({
color:'#44f',
opacity:0.5,
loadSpeed:2000,
closeS 速度:3000,
closeOnClick:false,
closeOnEsc:false,
api: true,
Lazy:true,
onBeforeLoad:function(){
alert("ロード前!" );
},
onLoad:function(){
アラート("onLoad!");
onBeforeClose:function(){
アラート("マスク背景:" this.getMask) ().css("color") ",exposeId:" this.getExused().attr("id") ("閉じる前に!")、
}); >
function(){
testApi.load()
});
$("#btn_close").click(function(){
testApi.close();
}) ;

alert("テストはロードです:" testApi.isLoaded());

$("#ball").expose({
//スタイルスルーここでは、カラー属性を設定するための MaskId Exused().animate ({width: 298});
},
onbeForeClose: Function () {
this.Getexpose (). }); }).click(function(){
$(this).expose().load();
});


最後に、完全なサンプル コードとこの関数には、いくつかのデモ画像を取得します:




コードをコピー


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

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">





    expose test!



    







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