何らかの理由で Jquery UI を使用できない状況にあります。Jquery UIを使用せずにJquery UI Pulsate Effectを取得しようとしています。このリンクと同様に、http://docs.jquery.com/UI/Effects/Pulsate . 私はたくさん検索しましたが、何も見つかりませんでした。
質問する
6407 次
3 に答える
15
元の UI コードがどのように見えるかはわかりませんが、これは animate 関数を使用した非常に単純な実装です。
$.fn.pulse = function(options) {
var options = $.extend({
times: 3,
duration: 1000
}, options);
var period = function(callback) {
$(this).animate({opacity: 0}, options.duration, function() {
$(this).animate({opacity: 1}, options.duration, callback);
});
};
return this.each(function() {
var i = +options.times, self = this,
repeat = function() { --i && period.call(self, repeat) };
period.call(this, repeat);
});
};
$("div").click(function() {
$(this).pulse({times: 4, duration: 500});
});
以下のデモまたはこのJsFiddleを確認してください。
$("div").click(function() {
$(this).stop().pulse({times: 4, duration: 300});
});
$.fn.pulse = function(options) {
var options = $.extend({
times: 3,
duration: 1000
}, options);
var period = function(callback) {
$(this).animate({opacity: 0}, options.duration, function() {
$(this).animate({opacity: 1}, options.duration, callback);
});
};
return this.each(function() {
var i = +options.times, self = this,
repeat = function() { --i && period.call(self, repeat) };
period.call(this, repeat);
});
};
div {background-color: green; padding: 20px; display: inline-block;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>Click me</div>
于 2013-02-18T10:56:06.207 に答える
3
jqueryの脈動効果のソースをコピーして、プロジェクトに追加することができます。
しかし、重要なのは、そのファイルをプロジェクトに追加できるのであれば、元のjqueryuipulsateファイルを追加するだけではどうでしょうか。
jquery-ui全体をダウンロードする必要はありません。必要な部分だけをダウンロードしてください:http://jqueryui.com/download/。
于 2013-02-18T10:43:13.257 に答える
3
脈動効果用のスタンドアロン jquery プラグインは次のとおりです。
于 2013-02-18T10:55:56.587 に答える