はてなブログでJavaScriptが使えるというのを知ったので、自分でためしてみました。
コードは、ブラウザでこのページのソースを表示させれば確認できます。
FireFoxをお使いであれば、表示しているページ上のどこかで右クリック→ページのソースの表示をクリックすると、ソースが表示されます。
今回はアコーディオンパネル(タイトルをクリックすると隠れた内容が表示される)を使ってみました。
以下のサイトで紹介されていたコードを一部改変して使ってみました。
https://www.aiship.jp/knowhow/archives/22018
＜結果＞
以下にアコーディオンパネルを示します。青い部分をクリックすると、隠れた内容が表示されます。
動きのあるページを作るときには使えそうです。
ランキングに参加してます。
よかったらクリックをお願いします。
はてなブログでJavaScriptが使えるというのを知ったので、自分でためしてみました。
コードは、ブラウザでこのページのソースを表示させれば確認できます。
FireFoxをお使いであれば、表示しているページ上のどこかで右クリック→ページのソースの表示をクリックすると、ソースが表示されます。
今回のコードは、以下のリンク先のものをほぼそのまま使いました。
また、CSSを使う場合は外部CSSを使うようことが多いようなのですが、今回は内部CSSにして、書くべき内容のほとんどがこのHTML内で完結するようにしています。
CSSの適用については以下の記事がわかりやすいです。
●結果:
以下にアンダーラインの文書を示します。
この文章は直接スタイルを指定してアンダーラインされてます。
この文章は青色で動的にアンダーラインされてます。
ランキングに参加してます。
よかったらクリックをお願いします。
はてなブログでJavaScriptが使えるというのを知ったので、自分でためしてみました。
コードは、ブラウザでこのページのソースを表示させれば確認できます。
FireFoxをお使いであれば、表示しているページ上のどこかで右クリック→ページのソースの表示をクリックすると、ソースが表示されます。
以下にご使用のブラウザがローカルストレージに対応しているかの結果が表示されます。
●結果:
ランキングに参加してます。
よかったらクリックをお願いします。
はてなブログでJavaScriptが使えるというのを知ったので、自分でためしてみました。
コードは、ブラウザでこのページのソースを表示させれば確認できます。
FireFoxをお使いであれば、表示しているページ上のどこかで右クリック→ページのソースの表示をクリックすると、ソースが表示されます。
今回はSVGを使用してみました。
以下に角丸四角が描画されます。
ボタンを押すと、変形します。
ランキングに参加してます。
よかったらクリックをお願いします。
はてなブログでJavaScriptが使えるというのを知ったので、自分でためしてみました。
コードは、ブラウザでこのページのソースを表示させれば確認できます。
FireFoxをお使いであれば、表示しているページ上のどこかで右クリック→ページのソースの表示をクリックすると、ソースが表示されます。
今回はcanvasを使用してみました。
以下に緑の四角が3つ描画されます。
ランキングに参加してます。
よかったらクリックをお願いします。
はてなブログでJavaScriptが使えるというのを知ったので、自分でためしてみました。
コードはブラウザでこのページのソースを表示させれば確認できます。
FireFoxをお使いであれば、表示しているページ上のどこかで右クリック→ページのソースの表示をクリックください。
加速度センサ搭載のデバイス(携帯電話)かつブラウザが対応していれば、以下に加速度が表示されます。
x方向の加速度:
y方向の加速度:
z方向の加速度:
ランキングに参加してます。
よかったらクリックをお願いします。
はてなブログでJavaScriptが使えるというのを知ったので、自分でためしてみました。今回は以下のサイトを参考にしました。
コードはブラウザでこのページのソースを表示させれば確認できます。
FireFoxをお使いであれば、表示しているページ上のどこかで右クリック→ページのソースの表示をクリックください。
以下のボタンを押すと、現在位置が表示されます。
対応ブラウザの場合、あなたの位置情報を取得してもいいか、という確認が表示されるので許可すると結果が表示されます。
→結果→
latitude:
longitude:
accuracy:
ランキングに参加してます。
よかったらクリックをお願いします。
