Take you hand in hand to write Xunlei's official website
There is no way to go in vain in life. Every step counts. Hello everyone, I am Xiao Wang. Today, I will teach you how to write a Xunlei official website. It is not easy to be original. I hope everyone will support you! Need to leave a message in the comment area of the source code, or add the following QQ group. Remember to follow me! I will share articles with you from time to time.
Click me into the group to learn and communicate together! (There are many learning materials in the group, just download the ones you need)
QQ group: 722384575
1. Learning objectives
Project preparation
navigation
carousel chart
CSS3 special effects
Tab switching
2. Project preparation
Download image
Download iconfont
initialization css file
3. The
effects of the navigation bar are as follows:
HTML part:
CSS part:
Fourth, the video part is
as follows:
HTML part is as follows:
CSS part is as follows:
Fifth, the carousel diagram part is
as follows:
HTML part
CSS part
JavaScript part:
6. The effects of CSS3 special
effects are as follows:
7. The effects of TAB switching are
as follows:
JavaScript part