Skip to content

Commit b7549eb

Browse files
coder-sylcoder-syl
committed
新增
1 parent 7c0ad60 commit b7549eb

File tree

16 files changed

+1010
-133
lines changed

16 files changed

+1010
-133
lines changed

‎.idea/workspace.xml‎

Lines changed: 207 additions & 115 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎下拉菜单/dropdown.css‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
}
5+
body{
6+
background-color: #edecec;
7+
}
8+
ul{
9+
list-style: none;
10+
opacity:0;
11+
transition: all .5s;
12+
13+
14+
}
15+
.text-style {
16+
color: #fff;
17+
text-align: center;
18+
}
19+
button{
20+
border: 0;
21+
/* text-transform: uppercase; */
22+
width: 80px;
23+
height: 35px;
24+
25+
padding-top: 5px;
26+
27+
background-color:#2196f3;
28+
29+
}
30+
li{
31+
width: 80px;
32+
height: 20px;
33+
34+
padding-top: 5px;;
35+
background-color:#2196f3;
36+
37+
38+
}
39+
.down{
40+
opacity:1;
41+
}

‎下拉菜单/dropdown.html‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<title>下拉菜单</title>
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<link rel="stylesheet" type="text/css" media="screen" href="dropdown.css" />
9+
10+
</head>
11+
<body>
12+
<div >
13+
<button id="dropdown" class="text-style">下拉菜单</button>
14+
<ul class="text-style" id="dropdown-menu">
15+
<li>5</li>
16+
<li>4</li>
17+
<li>3</li>
18+
</ul>
19+
</div>
20+
<script src="dropdown.js"></script>
21+
</body>
22+
</html>

‎下拉菜单/dropdown.js‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
! function(){
2+
var dropdown=document.getElementById("dropdown");
3+
console.log(dropdown)
4+
dropdown.addEventListener('click', function () {
5+
console.log('click');
6+
var dropdownMenu=document.getElementById('dropdown-menu');
7+
console.log(dropdownMenu)
8+
if(dropdownMenu.classList.contains('down')){
9+
dropdownMenu.classList.remove('down');
10+
}else{
11+
dropdownMenu.classList.add('down');
12+
}
13+
14+
console.log(dropdownMenu.className);
15+
16+
});
17+
}();

‎响应式导航栏/index.html‎

Lines changed: 50 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,55 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
1+
<!--<!DOCTYPE html>-->
2+
<!--<html lang="en">-->
3+
<!--<head>-->
4+
<!--<meta charset="UTF-8">-->
5+
<!--<title>响应式导航栏</title>-->
6+
<!--<link rel="stylesheet" href="css/reset.css">-->
7+
<!--<link rel="stylesheet" href="css/style.css">-->
8+
<!--</head>-->
9+
<!--<body>-->
10+
<!--<p>没有调试出来，出现错误</p>-->
11+
<!--<div class="nav" id="myNav">-->
12+
<!--<a href="#">主页</a>-->
13+
<!--<a href="#">新闻</a>-->
14+
<!--<a href="#">联系方式</a>-->
15+
<!--<a href="#">关于我们</a>-->
16+
<!--<a href="#">标签</a>-->
17+
<!--<a href="#">分类</a>-->
18+
<!--<a href="#">作品展示</a>-->
19+
<!--<a href="javascript:void(0)" class="icon" onclick="myFunction()">&#9776;</a>-->
20+
<!--</div>-->
21+
<!--<script src="js/responsivejs.js"></script>-->
22+
<!--</body>-->
23+
<!--</html>-->
24+
<html>
325
<head>
4-
<meta charset="UTF-8">
5-
<title>响应式导航栏</title>
6-
<link rel="stylesheet" href="css/reset.css">
7-
<link rel="stylesheet" href="css/style.css">
26+
<title>register</title>
27+
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
28+
<script type="text/javascript">
29+
​function checkemail() {
30+
var email = $('#email').val();
31+
if (email == '') {
32+
alert('邮箱不能为空');
33+
} else {
34+
$.ajax({
35+
url: 'checkEmail',
36+
type: 'post',
37+
data: email,
38+
success: function (data) {
39+
if (data === '1')
40+
alert('邮箱尚未被使用，可以注册');
41+
else {
42+
alert('邮箱已被使用，请登录或更换邮箱注册');
43+
}
44+
}
45+
});
46+
}
47+
}
48+
</script>
849
</head>
950
<body>
10-
<p>没有调试出来，出现错误</p>
11-
<div class="nav" id="myNav">
12-
<a href="#">主页</a>
13-
<a href="#">新闻</a>
14-
<a href="#">联系方式</a>
15-
<a href="#">关于我们</a>
16-
<a href="#">标签</a>
17-
<a href="#">分类</a>
18-
<a href="#">作品展示</a>
19-
<a href="javascript:void(0)" class="icon" onclick="myFunction()">&#9776;</a>
20-
</div>
21-
<script src="js/responsivejs.js"></script>
51+
邮件注册:
52+
​<input type="text" id="email" onblur="checkemail()">@163.com
53+
​<span id="message"></span>
2254
</body>
2355
</html>

‎地址选择/chose_city.css‎

Whitespace-only changes.

‎地址选择/chose_city.html‎

Whitespace-only changes.

‎地址选择/chose_city.js‎

Whitespace-only changes.

‎地址选择/data.js‎

Whitespace-only changes.

‎返回顶部/index.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<title>返回顶部</title>
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
9+
</head>
10+
<body>
11+
<p>下拉试试</p>
12+
<button class="toTop">toTop</button>
13+
<script src="toTop.js"></script>
14+
</body>
15+
</html>

0 commit comments

Comments
 (0)