はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    参議院選挙2025

『Webサイト制作者に役立つ情報・覚書などを掲載 atokala』

  • 人気
  • 新着
  • すべて
  • 雪を降らせるJavaScript

    4 users

    atokala.com

    使用にあたっての注意 再配布はご遠慮くださいませ 改変は自由にしてくださって構いませんが、最上部にあるコメント部分は削除しないでください。 このスクリプトを使用し、何らかの問題が発生しても一切責任は負いません。 使用に関しては自己責任でお願いいたします。 ご要望、バグなどございましたらお問合せフォームまで 設置方法2 下記を適当な場所へ記述してください。 ※設定は「設定可能オプション」をご覧ください。 var atsnow = new ATSnow({ classname : 'snow', count : 100, interval : 40, maxSize : 10, minSize : 1, leftMargin : 10, rightMargin : 20, bottomMargin : 0, maxDistance : 10, minDistance : 1 }); atsno

    • テクノロジー
    • 2013/12/20 18:00
    • javascript
    • タブ切り替え用JavaScript

      3 users

      atokala.com

      設置方法2 下記を適当な場所へ記述してください。 ※設定は「設定可能オプション」をご覧ください。 var tabchange = new ATTabChangeForImage({ on : '_on', off : '_off', current : '_in', tabID : 'tabList' }); tabchange.load(); 設定可能オプション on : ‘_on’ マウスオーバー用のタブ画像末尾の文字列 (初期値は_on、_onの場合この記述は必要ありません) off : ‘_off’ マウスアウト用のタブ画像末尾の文字列 (初期値は_off、_offの場合この記述は必要ありません) current : ‘_in’ クリック後用のタブ画像末尾の文字列 (初期値は_in、_inの場合この記述は必要ありません) tabID : ‘tabList’ タブのID名 (初期値は

      • テクノロジー
      • 2013/11/11 16:09
      • 縦スクロールバーのデザインをカスタマイズ出来るJavaScript

        4 users

        atokala.com

        使用にあたっての注意 再配布はご遠慮くださいませ 改変は自由にしてくださって構いませんが、最上部にあるコメント部分は削除しないでください。 このスクリプトを使用し、何らかの問題が発生しても一切責任は負いません。 使用に関しては自己責任でお願いいたします。 ご要望、バグなどございましたらお問合せフォームまで 設置方法1 head要素内にvertical.scrollbar.jsを読み込みます。 <script type="text/javascript" src="vertical.scrollbar.js"></script> 設置方法2 下記を適当な場所へ記述してください。 ※設定は「設定可能オプション」をご覧ください。 var scroll = new ATScrollbar({ scroll : 'scroll', scrollInner : 'scrollInner', scrol

        • テクノロジー
        • 2013/07/09 18:22
        • jquery
        • 参考
        • ブックマーク バー
        • 特定人物のTwitterを表示するjQueryプラグイン(API 1.1対応版)

          16 users

          atokala.com

          以前、TwitterのjQueryプラグインを公開しましたが、 API 1が廃止となり動作しなくなりましたので、新たにAPI 1.1に対応したjQueryプラグインを開発しました。 PHPを一切使用せず、OAuth認証も全てJavaScriptのみで完結させてTwitterを表示させるプラグインです。 なお、“スクロールバーが最下部に来た時に次のTweetを読み込む”という機能は廃止しました。 また、consumerKeyやらconsumerSecretやらが丸見えなのでセキュリティ等が関わる場合にはお勧めできません。 使用にあたっての注意 再配布はご遠慮くださいませ 改変は自由にしてくださって構いませんが、最上部にあるコメント部分は削除しないでください。 このスクリプトを使用し、何らかの問題が発生しても一切責任は負いません。 使用に関しては自己責任でお願いいたします。 ご要望、バグなどご

          • テクノロジー
          • 2013/07/08 01:48
          • jquery
          • twitter
          • あとで読む
          • スムーススクロール用JavaScript

            14 users

            atokala.com

            使用にあたっての注意 再配布はご遠慮くださいませ 改変は自由にしてくださって構いませんが、最上部にあるコメント部分は削除しないでください。 このスクリプトを使用し、何らかの問題が発生しても一切責任は負いません。 使用に関しては自己責任でお願いいたします。 ご要望、バグなどございましたらお問合せフォームまで 設置方法1 head要素内にsmoothscroll.jsを読み込みます。 <script type="text/javascript" src="smoothscroll.js"></script> 設置方法2 下記を適当な場所へ記述してください。 ※設定は「設定可能オプション」をご覧ください。 ※オプションの最後は,を付けないでください。 var atscroll = new ATScroll({ noScroll : 'noSmoothScroll', setHash : fals

            • テクノロジー
            • 2013/05/16 18:14
            • javascript
            • jQuery
            • animation
            • Web制作
            • 特定人物のTwitterを表示するjQueryプラグイン

              3 users

              atokala.com

              使用にあたっての注意 再配布はご遠慮くださいませ 改変は自由にしてくださって構いませんが、最上部にあるコメント部分は削除しないでください。 このスクリプトを使用し、何らかの問題が発生しても一切責任は負いません。 使用に関しては自己責任でお願いいたします。 ご要望、バグなどございましたらお問合せフォームまで 設置方法1 head要素内にjquery.js、jquery.twitter.jsの順に読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.twitter.js"></script> HTMLテンプレート例 下記のように出力されますのでCSSでそれぞれデザインしてください。 既にclass名が重複している場合は、下記「設定可能

              • テクノロジー
              • 2013/01/23 17:09
              • jQuery
              • Twitter
              • plugin
              • エレベーターメニュー用JavaScript

                12 users

                atokala.com

                使用にあたっての注意 再配布はご遠慮くださいませ 改変は自由にしてくださって構いませんが、最上部にあるコメント部分は削除しないでください。 このスクリプトを使用し、何らかの問題が発生しても一切責任は負いません。 使用に関しては自己責任でお願いいたします。 ご要望、バグなどございましたらお問合せフォームまで 設置方法1 head要素内にfollowscrolling.jsを読み込みます。 <script type="text/javascript" src="followscrolling.js"></script> 設定可能オプション element : ‘#menu’ スクロールさせたいID名を指定します。 parent : ‘contents’ 親要素のID名を指定します。 指定した場合は指定したエレメント範囲内でスクロールします。 指定しない場合は上記で指定したelementの親要素

                • テクノロジー
                • 2012/11/27 18:36
                • JavaScript
                • js
                • *web制作
                • jquery
                • Webサイト制作者に役立つ情報・覚書などを掲載 atokala

                  4 users

                  atokala.com

                  雪を降らせるスクリプトは結構ありますが、ウインドウリサイズ時に変な動きになったり、 思ったような設定が出来ないこと等がありましたので自作することにしました。 jQuery等のライブラリは必要なく単独で動きます。

                  • テクノロジー
                  • 2012/10/11 10:48
                  • jQuery
                  • ブログ
                  • まとめ
                  • 参考
                  • web制作
                  • webデザイン
                  • IETesterのIE6でjQueryのフェードが効かない原因

                    5 users

                    atokala.com

                    最近分かったのですが、IE9が入っている環境で IETesterを入れている方は下記のようにopacity関連を設定していても IE6(IETester)上では透明にならない現象になります。 img { filter: alpha(opacity=70); } IE6の動作をIETesterで確認されている方は多いと思いますのでご注意ください。 jQueryのフェードがIETesterのIE6で効かないのもIE9とのバッティングが原因のようです。

                    • テクノロジー
                    • 2012/10/11 10:36
                    • jquery

                    このページはまだ
                    ブックマークされていません

                    このページを最初にブックマークしてみませんか?

                    『Webサイト制作者に役立つ情報・覚書などを掲載 atokala』の新着エントリーを見る

                    キーボードショートカット一覧

                    j次のブックマーク

                    k前のブックマーク

                    lあとで読む

                    eコメント一覧を開く

                    oページを開く

                    はてなブックマーク

                    • 総合
                    • 一般
                    • 世の中
                    • 政治と経済
                    • 暮らし
                    • 学び
                    • テクノロジー
                    • エンタメ
                    • アニメとゲーム
                    • おもしろ
                    • アプリ・拡張機能
                    • 開発ブログ
                    • ヘルプ
                    • お問い合わせ
                    • ガイドライン
                    • 利用規約
                    • プライバシーポリシー
                    • 利用者情報の外部送信について
                    • ガイドライン
                    • 利用規約
                    • プライバシーポリシー
                    • 利用者情報の外部送信について

                    公式Twitter

                    • 公式アカウント
                    • ホットエントリー

                    はてなのサービス

                    • はてなブログ
                    • はてなブログPro
                    • 人力検索はてな
                    • はてなブログ タグ
                    • はてなニュース
                    • ソレドコ
                    • App Storeからダウンロード
                    • Google Playで手に入れよう
                    Copyright © 2005-2025 Hatena. All Rights Reserved.
                    設定を変更しましたx