Tất cả bài viết | Lập trình Jquery
Hướng dẫn tạo chức năng scroll to top có âm nhạc cho trang web
Tạo chức năng scroll to top có âm nhạc cho trang web
Phần HTML cho phần nội dung trang web
hocwebgiare.com
Hướng dẫn tạo chức năng scroll to top có âm nhạc cho trang web.
▼Khóa học Chuyên Viên Website Lành Nghề Online
▼Khóa học Thiết Kế Giao Diện Website Online
▼Khóa học Lập Trình HTML5, CSS3, RWD, Javascript, Bootstrap Online
▼Khóa học Lập Trình PHP Cơ Bản Online.
▼...và nhiều khóa học khác đang được xây dựng.
▼Chào mừng các Bạn đến với website hocwebgiare.com
▼Chúc các bạn có một ngày làm việc vui vẽ!
Phần HTML cho nút về đầu trang
Phần script tạo âm nhạc cho nút
Phần định CSS cho giao diện trang web
html, body {
padding: 0px;
margin: 0px;
width: 100%;
}
body {
height: 600%;
color: #0C1F31;
background: #fff;
font-family: Arial;
text-align: center;
}
.wrapper {
width: 900px;
margin: auto;
text-align: center;
}
h1 {
font-size: 120px;
font-weight: 600;
margin-bottom: 8px;
margin-top: 120px;
color:#F7080C
}
p {
width: 900px;
font-size: 24px;
font-weight: 400;
margin: auto;
line-height: 35px
}
.down-arrow {
font-size: 120px;
margin-top: 90px;
margin-bottom: 90px;
text-shadow: 0px -20px #ccc, 0px 0px #1006F9;
color: rgba(0,0,0,0);
-webkit-transform: scaleY(0.8);
-moz-transform: scaleY(0.8);
transform: scaleY(0.8);
}
.footer {
box-sizing: border-box;
padding-top: 190px;
height: 300px;
}
.elevator {
text-align: center;
cursor: pointer;
width: 140px;
margin: auto;
}
.elevator:hover {
opacity: 0.7;
}
.elevator svg {
width: 40px;
height: 40px;
display: block;
margin: auto;
margin-bottom: 5px;
}
Phần định JS
Lập trình Jquery Xem (3260) Học thiết kế web giá rẻ
