JavaScriptでHTMLのSVG要素（タグ）を生成する時はElementNS
通常のHTMLElementと異なり、SVGの要素はSVGElementというもののためdocument.createElement()ではなく Document.createElementNS（）をつかって生成する必要 […]
月: 2015年10月
jQueryでodd、evenを使う（偶数奇数の簡単な覚え方）
jQueryにはHTMLの要素を指定するための便利なセレクターがたくさんあります。 <li>で記述されたリストや連続してならんでいるsectionやdivを一つ飛ばしに右寄せ・左寄せするときなど odd 、 […]
【jQuery】要素をぶるぶる震わせられるプラグイン「jRumble」
マウスオーバーしたときに画像をぶるぶる震わせる、など訪問者を驚かせて楽しませることができるプラグインです。 今回使用したのは、jQueryプラグインjRumbleです。
グーグルマップを2個以上表示される方法
グーグルマップを２個以上表示させてる場合のサンプルです。 tableタグの場合の表示も合わせて記載しています。 今回使用したjquery.min.jsは、ver2.0.3です。
jQueryとCSSでページ内要素の表示・非表示を簡単に管理
jQueryのHTMLを操作する命令 addClass() removeClass() を利用し、 CSSの display : none を含むclassを追加・削除することで、任意のコンテンツの表示と非表示とを切り替 […]
【jQuery】Lightbox表示の画像ギャラリーを簡単に設置できる「Colorbox」
画像を拡大表示する時の定番の見せ方であるLightboxを、簡単に実装できるjQueryプラグインです。 サムネイルクリックで画像を拡大し、拡大した画像をクリックすると次の画像へと進んでいきます。 今回使用したのは、jQ […]
jQueryの「ready」とJavaScriptの「load」の違いについて
jQueryの「$(document).ready(function()」と「$(window).load(function()」には、違いがあります。 $(document).ready(function(){}) の […]
jQueryで簡単設置carousel -flexslider-
複数の画像や動画を横に並べ、順次表示できるjQueryプラグインです。 ボタンをクリックすることで、次のコンテンツを表示します。 animationLoopをtrueとすることで自動アニメーションループしてくれます。 今 […]
jQueryでアコーディオンメニューを作る
jQueryで、アコーディオンメニューを作る方法を紹介します。 今回は、「.slideUp()」や「.slideDown()」を使わずに、「.slideToggle()」を使用しました。 使用したjQueryは、「jqu […]
jQueryでドロップダウンメニューを作る
jQueryで、簡単にドロップダウンメニューを作成する方法を紹介します。
JavaScript Archives（ジャバスクリプト アーカイブス） 2024 . Powered by WordPress