My cat is very grumpy.
+My cat is very grumpy.
+My cat is very grumpy.
+hggguysidjcapkwsoaipsdiocjapdovapdjicpadoicjapdoivjpaojidvapoidijisdpo,
.caspdcoasdjpapdfvojdfjjvajodviajraooijdfpao\ndjvpaodivjapdforivjapweidapodivofobipfdhbaifvhbauidfbakwebdjkadjvn
+ ddddddd
+
+
+
+
+
diff --git a/image/tupian1.bmp b/image/tupian1.bmp
new file mode 100644
index 0000000..4ee3598
Binary files /dev/null and b/image/tupian1.bmp differ
diff --git a/image/tupian2.bmp b/image/tupian2.bmp
new file mode 100644
index 0000000..9a3651f
Binary files /dev/null and b/image/tupian2.bmp differ
diff --git a/index.html b/index.html
deleted file mode 100644
index a4383a9..0000000
--- a/index.html
+++ /dev/null
@@ -1,11 +0,0 @@
-这是一行文字
-这是我的个人网站。
-这是第二行网
-whn33333333333333
- - diff --git a/scripts/main.js b/scripts/main.js new file mode 100644 index 0000000..59422ad --- /dev/null +++ b/scripts/main.js @@ -0,0 +1,26 @@ +let myImage = document.querySelector("img"); + +myImage.onclick = function () { + let mySrc = myImage.getAttribute("src"); + if (mySrc === "image/tupian1.bmp") { + myImage.setAttribute("src", "image/tupian2.bmp"); + } else { + myImage.setAttribute("src", "image/tupian1.bmp"); + } +}; +let myButton = document.querySelector("button"); +myButton.onclick = () => setUserName(); + +let myHeading = document.querySelector("h1"); + +function setUserName() { + let myName = prompt("你的名字是"); + localStorage.setItem("name凄凄切切", myName); + myHeading.textContent = "哦，" + myName; + } +if (!localStorage.getItem("name")) { + setUserName(); +} else { + let storedName = localStorage.getItem("name"); + myHeading.textContent = "？" + storedName; +} diff --git a/styles/file.css b/styles/file.css new file mode 100644 index 0000000..5732061 --- /dev/null +++ b/styles/file.css @@ -0,0 +1,46 @@ +/* 设置页面背景颜色和字体 */ +body { + background-color: lightblue; + font-family: Arial, sans-serif; +} + +/* 设置标题的颜色 */ +h1 { + color: rgb(128, 105, 0); + text-align: center; +} + +/* 设置段落的字体颜色和边距 */ +p { + color: darkblue; + margin: 20px; +} +/* 设置链接的颜色和鼠标悬停效果 */ +a { + color: rgb(71, 193, 93); /* 链接的颜色 */ + text-decoration: none; /* 移除默认的下划线 */ +} + +a:hover { + color: red; /* 鼠标悬停时链接的颜色 */ +} + +/* 设置盒子模型的宽高和边框 */ +div { + width: 300px; /* 盒子的宽度 */ + height: 150px; /* 盒子的高度 */ + border: 2px solid black; /* 盒子的边框颜色和宽度 */ + padding: 10px; /* 内容与边框之间的内边距 */ + margin: 20px; /* 盒子外部的外边距 */ + background-color: lightgray; /* 盒子的背景颜色 */ +} + +/* 设置列表项的样式 */ +ul { + list-style-type: square; /* 列表项的符号类型 */ +} + +ul { + color: rgb(255, 106, 0); /* 列表项的字体颜色 */ + margin: 5px 0; /* 每个列表项之间的上下间距 */ +} diff --git a/subwebpage.html b/subwebpage.html deleted file mode 100644 index 5499206..0000000 --- a/subwebpage.html +++ /dev/null @@ -1,47 +0,0 @@ - - - - - -