リストをひとつずつ遅延表示させるjQuery
同じような要素を並べて表示する箇所などで少しばかりリッチ感を出したいな～ってときに、各要素を遅延表示させたりすることで単純な一覧表示よりも動きがあっていいかもしれません。 jQueryを使ってリストを簡単に時間差で表示させてみたいと思います。 1.リストを遅延表示させる HTMLを記述 <ul class="list-simple list"> <li><a href="#">list01</a></li> <li><a href="#">list02</a></li> <li><a href="#">list03</a></li> <li><a href="#">list04</a></li> <li><a href="#">list05</a></li> </ul>
アイコン画像やイラストが、ふわふわ浮かぶ「jqFloat」で遊び心を！
雲や気球など、ふわふわ～っと浮かばせたいイラストなどをWEBサイト上に配置したいときに、jQueryプラグインの「jqFloat」を使えば実現できます。 まずは、デモサンプルを確認してみてください。 DEMO 1.jqFloatをダウンロード jqFloat プラグインを提供している「jqFloat」にもデモ画面が用意されているので、実際の動きを確認してみるのも良いでしょう。 2.jQueryとjqFloatを読み込む jsフォルダの中に「jqfloat.js」を配置しました。 <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="js/jqfloat.js"></script>
レスポンシブに対応した簡単メニュー
PC・タブレット・スマホ、それぞれに対応したレスポンシブなメニューを「jQuery」と「CSS」で簡単に作成できます。シンプルなものですが、その作り方をメモしておきます。 サンプルを用意しましたのでまずは確認してみてください。 ウィンドウサイズを小さくしてみたり広げてみたりすると、２列になり、メニュータブにと変化するようにしてあります。 デモサンプル それでは、作り方を見ていきましょう。 1.HTMLを記述 <nav id="menu-box"> <div id="toggle"><a href="#">MENU</a></div> <ul id="menu" class=""> <li><a href="#">Navi1</a></li> <li><a href="#">Navi2</a></li> <li><a href="#">Navi3</a></li> <li><a href="
検索エンジンの巡回クロールを回避する方法
サイトの運営をしていく中で、サイトが公開前の準備段階である場合や管理画面URLなど、検索エンジンにクロールされては困る状況があると思いますが、そういった時はHTMLの「metaタグ」による設定方法や「robots.txt」を利用してそれらを回避する方法があります。 検索ロボットとは？ サーチエンジンの検索データベースを作成するために、世界中に存在するWEBサイトの情報を自動的に回収するプログラムのことを言います。全文検索型サーチエンジンでは、WEBページの内容をサーチエンジン側のデータベースに保存しておき、検索要求のあった際にそのデータベースを検索して結果を出しています。検索ロボットはこのデータベースの内容を充実させたり点検したりするプログラムであり、まだデータベースに収録されていないWEBページや更新されたWEBページを発見して内容を回収し、結果をデータベースに反映させています。 簡単に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
