JavaScript + Ajax 実践サンプル集 (1127本以上) ◇編集して実行可能◇
jQueryを使い倒せ! jQueryでAjaxを実装するための基礎知識と実践サンプルを一挙公開中...
ホーム
jQuery
jQuery プラグイン
jQuery UI
人気順
カテゴリ
キーワード
クール
新着
ツリー
jQuery PDF
ホット
サイト情報
サイトマップ
★ 新着サンプルトップ50のRSSを購読する
◆ DHTMLサンプル(基礎)のRSSを購読する
◆ DHTMLサンプル(応用)のRSSを購読する
◆ AJAXサンプルのRSSを購読する
◆ その他サンプルのRSSを購読する
◆ BOM(Browser Object Model)のRSSを購読する
◆ DOM(Document Object Model)のRSSを購読する
backgroundImageプロパティ
説明
コード
分割コード
関連書籍
コメント投稿
Object.style.backgroundImage = "{url(URL)|none}"
backgroundImageプロパティには、HTML要素のバックグラウンドイメージを設定します。
このサンプルは、body.styleオブジェクトのbackgroundImageプロパティにバックグラウンドイメージのURL「url(images/bgdesert.jpg)」を設定します。
このサンプルを編集して試してみる
←サンプルが背後に隠れて見えないときは左をクリック ！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>backgroundImage property</title> <style type="text/css"> body { background-color: #B8BFD8; } </style> <script type="text/javascript"> function setStyle(){ document.body.style.backgroundColor = "#FFCC80"; document.body.style.backgroundImage = "url(images/bgdesert.jpg)"; } window.onload = function() { document.getElementById("btnSetStyle").onclick = setStyle; } </script> </head> <body> <input id="btnSetStyle" type="button" value="body要素のbackgroundImageプロパティを設定" /> </body> </html>
CSS部
HEAD部
BODY部
ボックス内のスタイルシート(CSS)を外部ファイル(*.css)、またはHTMLドキュメントの<HEAD>セクションの<style>タグ内にコピー＆ペーストしてください。
body { background-color: #B8BFD8; }
ボックス内のコードをHTMLドキュメントの<HEAD>セクションにコピー＆ペーストしてください。
<script type="text/javascript"> function setStyle(){ document.body.style.backgroundColor = "#FFCC80"; document.body.style.backgroundImage = "url(images/bgdesert.jpg)"; } window.onload = function() { document.getElementById("btnSetStyle").onclick = setStyle; } </script>
ボックス内のコードをHTMLドキュメントの<BODY>セクションにコピー＆ペーストしてください。
<input id="btnSetStyle" type="button" value="body要素のbackgroundImageプロパティを設定" />
コメント・提案の投稿！
名前
メール
件名
本文
送信中です...
Object.style.backgroundImage = "{url(URL)|none}"
backgroundImageプロパティには、HTML要素のバックグラウンドイメージを設定します。
このサンプルは、body.styleオブジェクトのbackgroundImageプロパティにバックグラウンドイメージのURL「url(images/bgdesert.jpg)」を設定します。
このサンプルを編集して試してみる!
Access
|
ASP.NET + Ajax
|
ASP.NET 3.5 + Ajax
|
JavaScript + jQuery