「JavaScript」カテゴリーアーカイブ
【jQuery】CSSのstyle属性(設定・取得・削除)
今回はjQueryのCSSのatyle属性に取得・設定・削除について解説していきたいと思います。 それではいってみましょう! CSSの設定 ➀1つだけ設定する場合 【構文】 [crayon-6475d9f8… 続きを読む »
【jQuery】ページ内のタグ(要素)にスクロールとジャンプ移動
今回はページ内のリンクをクリックすると、ジャンプまたは、スクロールで移動させる方法を解説します。 簡単ですのでサクッと行きますね~(*^^)v それではいってみましょう! 作成手順 作成手順 … 続きを読む »
【jQuery】左右ボタンクリックで画像を横にスライドさせて表示
本日はJavascriptとjQueryで左右のボタンを押したら、画像が横にスライド表示できる方法を解説していきたいと思います。 まずは下記の完成後の左右のボタンをクリックして、どのような動作になるかをご確認ください。 … 続きを読む »
【jQuery】WebページのURLを取得(Location)
今回はLocationオブジェクトのプロパティを指定でURLの色々な情報が取得できるので解説します。 それではいってみましょう! Locationとは オブジェクトの場所 (URL) を表します。 &nbs… 続きを読む »
【jQuery】リンクホバー(マウスオーバー)で複数の画像を切替え表示
今回はマウスオーバー時にリンクにマウスカーソルを重ねる(hover)と画像が自動で切り替わる処理を実施してみたいと思います。 まずは下記のサンプル1~サンプル5のリンクにマウスカーソルを重ねてみてください。 … 続きを読む »
【jQuery】スクロールでメニューをフッターに固定する
今回はスクロールでフッターのTOPがメニュー下の位置にきたら、メニューをフッターのTOPに固定させる方法を解説します。 【完成後】 それではいってみましょう! 手順 作成手順 ・… 続きを読む »
【jQuery】画面の座標,高さ,スクロール位置をリアルタイムに取得
今回は画面のスクロール位置や座標の色々な取得方法をご紹介します。 ページの左上にスクロールやマウスカーソルを動かしたり、クリックしたりするとリアルタイムに表示されます(*^^)v それではいってみましょう! … 続きを読む »
[jQuery]スクロールでページの一番下の値をリアルタイムに取得
今回はサイトのページ(ブラウザ)の最下部の位置をリアルタイムに取得表示したいと思います。 このページの左上部に表示されます(表示されない場合はCtrl + F5を押してみてください)。 それではいってみましょう! &nb… 続きを読む »
【jQuery】アドセンス広告をスクロールでサイドバーに固定表示する
本日はグーグルアドセンスの広告をスクロールさせてからサイドバーの下の空白位置に固定表示する方法をjQueryとCSSを使用して解説していきたいと思います。 ってことで、以前は固定表示はポリシー違反だったのですが、現在はO… 続きを読む »
【JQuery】クリックした場所の座標を取得する
本日はJQueryを使用してクリックした位置の座標を取得を解説していきたいと思います。 それでは行ってみましょう! ブラウザのクリックした位置座標を取得 clientXとclientYで座標取… 続きを読む »
【JQuery】座標をリアルタイム表示(mousemove)
本日はJQueryでマウスを動かすだけで座標を画面に表示させるデモを実施してみたいと思います。 簡単なのでサクッといきます。 それでは行ってみましょう! 座標取得(画面やブラウザ)mousem… 続きを読む »