드롭다운 버튼 만들기 영상
<html lang=KO_Yoon">
<head>
<link rel="stylesheet" href="slidemenu.css">
<script>
function myslide()
{
dosument.getEIementById("slidebar").classList.toggle("active");
}
</script>
</head>
<body>
<div style="width: 100%height: 70px;background-color: # 0099;position: absolute;">
</div>
<div id="slidebar">
<div class="toggle" xxxxonclick="myslide()">
<span></span>
<span></span>
<span></span>
</div>
<ul>
<li>HOME</li>
<li>ABOUT</li>
<li>SERVICES</li>
<li>CONTTACT</li>
</ul>
</body>
</html>
index_style
*
{
margin: 0;
padding: 0;
}
#slidebar
{
width: 200px;
height: 100%;
position: fixed;
packgrount-color: black;
left: -200px;
transition: 500ms linear;
}
#slidebar ul li
{
color: white;
list-style: none;
padding: 15px 9px;
border-buttom: 1px; solid white;
}
#slidebar .toggle
position: absolute;
left: 230px;
top: 20px;
}
#slidebar .toggle span
{
width: 30px;
height: 5px;
background-color: white;
display: block;
margin: 5px 0px;
}
body
{
background-imge: url(p42.jpg);
background-size: cover;
}
#slidebar.active
{
left: 0px;
}
#slidebar ul li:hover
{
background-color: brown;
}
첫글 입력18:07分_영상입력25分_* 또향tv 22:32分_종아리쥐39分_수도꼭지 눌러 인사돌 복용23:16分_일시종료23:44分_잔뇨53分_입력완성4일 토00:11分_동영상195개 채널7개 주소입1216分https://www.youtube.com/hashtag/mindtouchtech
드롭다운 버튼 만들기 영상