ホームページ > バックエンド開発 > PHPチュートリアル > 次の jquery プラグインを変更して拡張する必要がある

次の jquery プラグインを変更して拡張する必要がある

WBOY
リリース: 2016-06-23 14:18:34
オリジナル
989 人が閲覧しました

この投稿は amu1433 によって最終編集されました: 2013-08-07 16:23:59

jQuery プラグイン

http://www.0917cc.com/Upfiles/rar/GlideView/

これはプレビュー アドレスです


私は自分で書きました
 $("#idGlideView img").each(function(){                $(this).css('opacity', '0.5');            }).hover(function(){                $(this).animate({opacity:1.0});            }, function(){                $(this).animate({opacity:0.5});            });
ログイン後にコピー


プラグインに追加したいと思っています...つまり、どの画像が表示され、どの画像が強調表示されますか?

まだ追加されていない場合の追加方法...


ディスカッション(解決策)への返信

プラグインとしては初期化処理が必要です
つまり「#idGlideView img」は、初期化メソッド
と、コードをマウスイベントにバインドするための初期化メソッド
にパラメータとして渡されます

これは、PHP フォーラムで議論されている問題ではないようです

それは、プラグインを長い間変更できません...変更を手伝ってください...どの画像を表示するか、どの画像が強調表示され、他の画像は暗くなります。ありがとうございます

プラス 20 ポイント、変更するのに長い時間がかかりましたが、うまくいきません。本当にアドバイスを求めたいです。


あなたのページにはこの効果があります。どうすれば変更できますか?

つまり、表示される画像は常に明るくなければなりません。他のものはすべて不透明度: 0.5 ですが、マウスを離れると点灯しません。この特殊効果をこのプラグインに追加してください。

/*#idGlideView div img{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}*/#idGlideView div img{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}#idGlideView div.focus img{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
ログイン後にコピー



 //相关设置    Set: function (index) {        if (index < 0) {            //鼠标移出容器返回默认状态            this.Each(function (oList, oText, i) {                oList._target = this._width * i;                if (oText) { oText._target = this._height_text; }             })        } else {            //鼠标移到某个滑动对象上            this.Each(function (oList, oText, i) {                oList.className = i == index ?'focus':'';////////////////增加这句就行,给容器增加focus样式的                oList._target = (i <= index) ? this._width_min * i : this._width_min * (i - 1) + this._width_max;                if (oText) { oText._target = (i == index) ? 0 : this._height_text; }            })        }        this.Move();    }
ログイン後にコピー

上の階が正解です ありがとうございます!

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