tips blog

jQueryでキラキラした演出

2019年11月20日

https://codepen.io/simeydotme/pen/jgcvi/

上記URLのjs枠内の$.fn.sparkleh = function( options ) {以下をsparklen.jsのような名前で外部ファイル化して読込
以下のコードで実行でキラキラ演出ができる。

/jQuery読込
/sparklen.js

[js]
jQuery(function($){
$(‘#mv’).sparkleh();
}

[html]

[options]
count: スパークルの数(整数)
overlap: スパークルを外側にどれくらい飛び出させる(数値)
color: 色の設定(例:”rainbow” or “#00ff00” or [“#ff0080″,”#ff0080″,”#0000FF”])
speed: 動きのスピード(数値)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です