ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryボタンのステータス効果通常、上に移動、press_jquery

jqueryボタンのステータス効果通常、上に移動、press_jquery

WBOY
リリース: 2016-05-16 17:26:06
オリジナル
1092 人が閲覧しました

Web デザインのプロセスでは、ボタンのさまざまなステータス効果に遭遇することがよくあります。このプロセスをより便利にするために jquery 拡張機能を作成しました。
使用前に必ず Jquery を引用してください。
JqueryExtend.js:

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

(function ($) {
//Button ボタンの置換の 3 つのスタイル、isState パラメータが True の場合、押された状態が記録されます
$.fn.btnEffect = function (通常、マウスオーバー、マウスダウン、isState) {
var lastButton;
this.each(function () {
$(this).bind({
mouseover: function () {
if (this != lastButton | | !isState) {
$(this).removeClass().addClass(mouseover)
}
},
mouseout: function () {
if (this != lastButton || !isState) {
$(this).removeClass().addClass(normal)
}
},
mousedown: function () {
if ( this != lastButton || ! isState) {
if (lastButton != null) {
$(lastButton).addClass(normal);

$( this).removeClass().addClass(mousedown);
}
}); );


サンプル ページ Default.aspx:



コードをコピー

コードは次のとおりです。 🎜> < %@ ページ言語="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="JqueryExtend_Default" %> html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> "../jquery-1.7.1.js" type="text/javascript">

>

;/フォーム>


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