226
回編集
編集の要約なし タグ: 差し戻し済み モバイル編集 モバイルウェブ編集 |
編集の要約なし タグ: 差し戻し済み モバイル編集 モバイルウェブ編集 |
||
29行目: | 29行目: | ||
/*メニューバー*/ | /*メニューバー*/ | ||
document.addEventListener("DOMContentLoaded", function() { | |||
// #content要素を取得 | |||
var contentElement = document.querySelector("#content"); | |||
// 新しいdiv要素を作成 | |||
var newDiv = document.createElement("div"); | |||
newDiv.id = "mobileMenuBar"; | |||
newDiv.className = "fadeIn"; | |||
newDiv.style.display = "none"; | |||
newDiv.style.position = "fixed"; | |||
newDiv.style.top = "0px"; | |||
// ul要素を作成 | |||
var ul = document.createElement("ul"); | |||
ul.className = "gNav-menu"; | |||
// 各li要素を作成 | |||
var li1 = document.createElement("li"); | |||
var a1 = document.createElement("a"); | |||
a1.href = "./"; | |||
a1.textContent = "TOP"; | |||
li1.appendChild(a1); | |||
var li2 = document.createElement("li"); | |||
var a2 = document.createElement("a"); | |||
a2.href = "./RightMenu"; | |||
a2.textContent = "攻略メニュー"; | |||
li2.appendChild(a2); | |||
var li3 = document.createElement("li"); | |||
var a3 = document.createElement("a"); | |||
a3.href = ".//フォーラム"; | |||
a3.textContent = "コミュニティ"; | |||
li3.appendChild(a3); | |||
// li要素をulに追加 | |||
ul.appendChild(li1); | |||
ul.appendChild(li2); | |||
ul.appendChild(li3); | |||
// ulをdivに追加 | |||
newDiv.appendChild(ul); | |||
// divをcontentElementに追加 | |||
if (contentElement) { | |||
contentElement.appendChild(newDiv); | |||
} | |||
}); |