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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    新内閣発足

『WEBページ作成リファレンス』

  • 人気
  • 新着
  • すべて
  • 画像やDIVをマウスで移動【JavaScript 動的サンプル】

    3 users

    web-designer.cman.jp

    青字部分を追加するだけで移動が可能となります。(この枠も移動可能です) <div class="sb1" cmanOMat="move"><input type="button"value="移動可能"></div> <img src="cat1.jpg" class="cat1" cmanOMat="move"> <img src="cat2.jpg" class="cat2" cmanOMat="move"> 外枠からはみ出さないように移動することも可能です。(この枠も移動可能です) <div class="areadiv" cmanOMat="area"> <img src="dog1.jpg" cmanOMat="movearea"> <img src="cat3.jpg" cmanOMat="movearea"> <img src="dogcat.jpg" cmanOMat="m

    • テクノロジー
    • 2017/09/14 15:07
    • javascript
    • ウインドウを閉じる 【JavaScript 動的サンプル】

      3 users

      web-designer.cman.jp

      JavaScriptでウインドウを開く場合「window.close」を使用します。 window.closeを標準で使用すると警告(確認ダイアログ・確認メッセージ)が表示されます。以下のサンプルは、警告(確認ダイアログ)を出力しないサンプルとなっています。(ブラウザのバージョンアップによって警告が表示する可能性があります) サンプルは全てライセンスフリーとしていますので、改変や再配布も自由です。(コメントを残していただけると幸いです) ただし、動作の保証は一切行っておりませんのでご理解の上、ご利用ください。

      • テクノロジー
      • 2017/07/27 01:07
      • キーコード一覧 【JavaScript 動的サンプル】

        18 users

        web-designer.cman.jp

        キーコードは、イベントのwhichプロパティで取得できます。 取得できるイベントはkeydown、keyup、keypressです。ただし、イベントによって、発生タイミングや発生有無に違いががあります。 また、ブラウザによってコードが異なるキーもあるので、注意が必要です。

        • テクノロジー
        • 2017/06/14 00:07
        • キーボード
        • JavaScript
        • ブラウザ
        • Pocket
        • web制作
        • 開発
        • JavaScript イベント一覧 【HTMLリファレンス】

          8 users

          web-designer.cman.jp

          HTML(HyperText Markup Language)がHTML4、HTML5で使用できるJavaScriptイベントハンドラを一覧化しています。 HTML5で多くのイベントハンドラが追加されましたが、対応していないブラウザもあるため注意が必要です。 動作サンプルもありますので、実際のイベント発生順などをご確認ください。

          • テクノロジー
          • 2017/01/24 15:45
          • html
          • javascript
          • WEBページ作成リファレンス

            4 users

            web-designer.cman.jp

            WEB開発・サイト制作などホームページ作成者向けにHTMLの構文解説やHTMLの内容チェックなどを公開しています。 HTMLタグの推奨やHTMLタグをSTYLEシートでの表現方法なども掲載しています。 また、サンプルを多く掲載することで、実際の使用に沿った事例なども多く掲載しています。 個別のホームページの作成などについては、サポートしておりませんのでご理解の上、当サイトをご利用ください。

            • テクノロジー
            • 2016/05/17 16:22
            • HTML5
            • JavaScriptで位置情報(GPS)取得【JavaScript 動的サンプル】

              8 users

              web-designer.cman.jp

              // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ // // 【 現在地の取得サンプル 】 http://www.cman.jp // // cmanPosGet() を実行すると、現在位置の取得を行います。 // // 【デモ用】の箇所は、でも(サンプル)の表示用です。 // このため、使用に合わせた変更が必要です。 // // 商用,改変,再配布はすべて自由ですですが、動作保証はありません // // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ //================================================================================================== // 位置取得 成功時に実行される //==========================

              • テクノロジー
              • 2016/05/05 01:29
              • プログラミング
              • javascript
              • ウインドウサイズを取得する 【JavaScript 動的サンプル】

                12 users

                web-designer.cman.jp

                JavaScriptでウインドウサイズを取得する場合、取得する箇所により関数(命令)が異なります。 一般的なスマートフォンでも下記のJavaScriptで画面サイズやブラウザサイズを取得することができます。 サンプルは全てライセンスフリーとしていますので、改変や再配布も自由です。(コメントを残していただけると幸いです) ただし、動作の保証は一切行っておりませんのでご理解の上、ご利用ください。

                • テクノロジー
                • 2015/07/27 14:18
                • javascript
                • サイズ
                • web
                • software
                • development
                • programming
                • あとで読む

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

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

                『WEBページ作成リファレンス』の新着エントリーを見る

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

                j次のブックマーク

                k前のブックマーク

                lあとで読む

                eコメント一覧を開く

                oページを開く

                はてなブックマーク

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

                公式Twitter

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

                はてなのサービス

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