html
关注
分享
扫一扫
_Clarity_
这个作者很懒，什么都没留下…
展开
-
基于CSS3的3D立方体旋转动画
老师给的，为了防丢放这上面。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>基于CSS3的3D立方体旋转动画</title> <style > *{box-sizing: border-box; } html{ background: radial-gradient(center, ellipse, #430d6d 0%, #原创 2020-06-22 18:01:06 · 273 阅读 · 0 评论 -
通过按钮变换文字内容
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...原创 2020-04-02 12:54:19 · 622 阅读 · 0 评论 -
js实现水平下拉菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ padding:0px; margin:0px; } header{ backgr...原创 2020-04-02 12:52:10 · 243 阅读 · 0 评论 -
CSS3-Animation旋转正方体
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS3-Anima...原创 2020-04-02 12:48:53 · 171 阅读 · 0 评论 -
用after伪元素实现微信对话框图形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用after伪元素实现微信对话框图形</title> <style> div { width: 300px; height: 90px; ba...原创 2020-04-02 12:46:40 · 262 阅读 · 0 评论 -
CSS制作水平下拉菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ padding:0px; margin:0px; ...原创 2020-04-02 12:45:36 · 306 阅读 · 0 评论 -
CSS实现垂直下拉菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS实现垂直下拉菜...原创 2020-04-02 12:43:25 · 1092 阅读 · 0 评论 -
canvas之旋转太极图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas之旋转太极图</title></head><body> <canvas id="my" width="600px"...原创 2020-04-02 12:41:45 · 313 阅读 · 0 评论 -
用transtion给下拉菜单实现缓动效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>第二题-用trans...原创 2020-04-02 12:32:37 · 478 阅读 · 0 评论 -
表单的全选、取消全选、反选
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...原创 2020-04-02 12:00:55 · 330 阅读 · 0 评论 -
canvas-动态时钟
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>第一题-动态走动时钟...原创 2020-04-01 18:36:15 · 153 阅读 · 0 评论 -
京东每日特价Tab切换（低配版）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>京东每日特价Tab切...原创 2020-03-14 21:27:08 · 1017 阅读 · 0 评论 -
中英文切换
前：后：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>中英文...原创 2020-03-14 21:23:40 · 165 阅读 · 0 评论 -
Tab切换
鼠标分别放到“国际新闻”、“国内新闻”、“河南新闻”时，分别出现“1111111”、“22222”、“3333”内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device...原创 2020-03-11 16:33:13 · 133 阅读 · 0 评论 -
HTML中的绝对定位和相对定位
https://www.runoob.com/w3cnote/css-position-static-relative-absolute-fixed.htmlrelative：相对于原来位置移动，元素设置此属性之后仍然处在文档流中，不影响其他元素的布局。absolute:元素会脱离文档流，如果设置偏移量，会影响其他元素的位置定位；在父元素没有设置absolute或relative时，元素相对于...原创 2020-03-08 15:14:19 · 278 阅读 · 0 评论 -
HTML中用CSS制作三级下拉菜单
使用CSS制作三级下拉菜单（先水平再垂直）在用:hover弹出菜单时，要对两个下拉菜单的ul做区分（例如用 class=" "将两个ul区分），除此之外也要对触发下来事件的两个li做区分。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta ...原创 2020-03-08 15:01:43 · 1953 阅读 · 1 评论 -
HTML中用js制作三级下拉菜单
HTML中用javascript制作三级下拉菜单（先水平再垂直）菜鸟版本<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...原创 2020-03-08 15:08:07 · 1585 阅读 · 2 评论