JavaScriptカテゴリ一覧

カテゴリ：JavaScript の記事一覧

jQueryとCSSのtransitionで可視範囲に入ってからアニメーションさせる方法

2019.05.17 カテゴリ：JavaScript

可視範囲になってから表示されたり動いたり、スクロールに応じてアニメーションさせる方法を紹介します。動きをつけて目を引くことで、効果的に伝えることができるかもしれません。

jQueryで作る、下にスクロールで消えて、上にスクロールで現れる固定メニュー

2015.08.24 カテゴリ：JavaScript

最近、下にスクロールすれば消えて、上にスクロールすれば現れる固定メニューを設置しているサイトを２つくらい（サイト名は忘れてしまいました。。）見かけて、これは流行っているのではないかということで作ってみました。

jquery.cookie.jsの使い方と簡単なサンプルを紹介します

2014.12.10 カテゴリ：JavaScript jQuery JavaScript

今さらな感じもしますが、使う機会があったので忘れないように記事にしておきます。以前使ったことがあるのですが、そのときの記憶がほとんどなかったので、こういうのは残しておいたら自分のためにもなりますね。

レスポンシブなサイトに！jQueryでオンマウスでもクリックでも開くボタン

2014.11.15 カテゴリ：JavaScript jQuery JavaScript

クリックして内容が表示されるボタンと、マウスを乗せて内容が表示されるボタンがあるとします。私はクリックよりマウスを乗せる方が気軽におこなえると思います。クリックはひと手間多いですし、クリックして別のページに移動したら面倒だと思うと躊躇してしまいます。ですので、自分でサイトを作る場合、できるだけマウスを乗せて開くようにしています。しかし、タッチデバイスの場合、マウスを乗せるという動作がないのでクリックで開くようにしないと仕方ありません。

jQueryとCSS3で作るページの上までスクロールするボタン

2014.09.10 カテゴリ：JavaScript jQuery JavaScript

wordpressはプラグインがたくさんあって便利です。しかし、個人的には安易にプラグインを使うのではなく、自作できるものは自作できるよう心がけています。今回紹介するのは前からよく使われている方法ですが、プラグインで実装している人も多いようなので紹介します。自分で作った方が自由ですし、無駄に大きなファイルにならないのでいいかと思います。