前端常见效果
关注
分享
扫一扫
利用html、css、javascript制作常见网页效果
_he_dan_
学生
展开
-
前端常见效果-圆形进度条
圆形进度条<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-08-23 19:33:49 · 645 阅读 · 0 评论 -
点击切换
点击切换功能在实际应用中，点击或者移入某一元素上，弹出下拉菜单或者页面，是网页设计的常见操作。下面我们实现一种点击菜单实现菜单切换，使用js提供三种方式实现该功能。1.使用html设计基本结构<body><h2>多Tab点击切换</h2><ul id="tab"> <li id="tab1" value="1">10元套餐</li> <li id="tab2" value="2">30元套餐</l原创 2021-01-25 16:40:29 · 669 阅读 · 4 评论 -
使用html+css+js制作小米首页
文章目录使用html+css+js制作小米首页1.html制作小米官网页面结构（`index.html`）2.使用css设置公共样式（`base.css`）3.使用css设置页面元素样式（`index.css`）4.使用js实现切换轮播图效果（`pic_switch.js`）使用html+css+js制作小米首页其中index.html是小米官网页面的基本结构font-awesome是图标样式base.css是公共样式index.css是页面中元素的样式pic_switch.js是实现切换轮原创 2020-12-29 19:10:22 · 6461 阅读 · 7 评论