inoma-NOTE

自分のためのメモじゃ

jQuery

【jQuery】惰性スクロール luxy.jsの使い方メモ

インストール min30327.github.io 設置 <script src="path/to/luxy.js" charset="utf-8"></script> <script charset="utf-8"> luxy.init(); </script> ※head部分に設置したところ上手く動作しなかったので、footer下の方に設置したら動作した。 オプション <script charset="utf-8"> luxy.init({ wrapper: '#luxy',//このタグで囲ってある場所で動作する targets : '.luxy-el',/…

jQueryのanimateメソッドでfill、strokeが使えない時【SVG】

まずはSVGの用意。 Illustratorで使いたいデータをSVG形式で保存して、保存したものをテキストエディットなどで開くとコードが出てくるのでそれをHTMLにコピペ。 もしくは保存するときに[SVGコード]というのが出てくるのでそれをクリックしても見れる。 HTML <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352.51 226.45"></svg>…

jQueryでポップアップ(小窓)を設定する

ポップアップウィンドウを利用する時は、リンクタグに直接javascriptを書くのが多いが、jQueryでそれを設定する方法をメモ。 <a href="http://inoma-design.hatenablog.com/" class="popup">click</a> $(function(){ var w = 770, h = 600, l = (screen.availWidth - w) / 2, t = (screen.availHeight - h) / 2, popPage = '.p…

animate完了後の処理、書き方2通り【jQuery】

地味に忘れちゃうのでメモ。jQueryのanimateメソッドで、アニメーション完了後の動きを指定するとき、書き方が2通りある。 completeを使う場合 $('.sample').stop().animate({ width:'200px', height:'200px' },{ duration:200, easing:'easeInBack', compl…