[JS]指定した要素を「ふわふわ」動かすjQueryプラグイン「jquery.yurayura」

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2025/04/26 11:55

ただいまコメントを受けつけておりません。

[JS]指定した要素を「ふわふわ」動かすjQueryプラグイン「jquery.yurayura」

参照URL
http://www.webantena.net/javascriptjquery/plugin-jquery-yurayura/
http://2inc.org/blog/2011/07/05/745/

■jquery.yurayura.js
jQuery( function( $ ) {

$.fn.yurayura = function( config ) {

var obj = this;

var i = 0;

var defaults = {

'move' : 5, // 動く量

'duration' : 1000, // 移動にかける時間

'delay' : 0 // 両端で停止する時間

};

var setting = $.extend( defaults, config );

return obj.each( function() {

( function move() {

i = i > 0 ? -1 : 1;

var p = obj.position().top;

$( obj )

.delay( setting.delay )

.animate( { top : p + i * setting.move }, {

duration : setting.duration,

complete : move

} );

} )();

} );

};