Web前端
关注
分享
扫一扫
Sher_H
这个作者很懒，什么都没留下…
展开
-
Web前端：常用组件1.层级菜单
1.层级菜单 （1）点击前： 点击后： （2）实现效果：点击后只显示所点击的子集，隐藏其他项目的子集 （3）代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &a原创 2019-02-24 15:34:30 · 1584 阅读 · 0 评论 -
Web前端：常用组件2.置顶菜单
2.置顶菜单 （1）移动前： 移动后： （2）实现效果：用户拉动滚动条时，当菜单栏移动到顶部时不再移动，便于用户点击 （3）代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&原创 2019-02-24 15:58:13 · 1054 阅读 · 0 评论 -
Web前端：常用组件3.返回顶部
3.返回顶部 （1）拖动一定程度显示返回部件： 点击返回顶部： （2）实现效果：点击后返回顶部，部件消失 （3）代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">原创 2019-02-24 16:06:10 · 513 阅读 · 0 评论 -
Web前端：常用组件4.整屏滚动
4.整屏滚动 （1）实现效果：使用鼠标滚轮，或者点击右边圆圈按钮 （2）代码实现： body,ul{ margin:0; padding:0; } ul{list-style:none;} .pages_con{ position:fixed; left:0; top:0; width:100%; overflow:hidden; } .pages{ hei...原创 2019-02-24 18:04:16 · 1515 阅读 · 1 评论