html
dongsdh
少熬夜,多运动,记得笑
展开
-
根据图片颜色显示背景色
前言:图片下方的横条根据图片的主题色动态设置!!! 两个资源文件,一张图片index.html<!DOCTYPE html><html> <head> <title>Demo</title> <style> .cimgbox { width: 160px; height...原创 2019-12-15 17:19:15 · 819 阅读 · 0 评论 -
加载图片失败显示默认图
前言:加载图片失败显示默认图<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta htt...原创 2019-12-15 22:09:27 · 161 阅读 · 0 评论 -
占位符width特性
原创 2018-04-02 14:41:46 · 273 阅读 · 0 评论 -
上传图片效果
原创 2020-03-18 14:37:08 · 118 阅读 · 0 评论 -
水平垂直居中
原创 2020-03-18 13:58:21 · 99 阅读 · 0 评论 -
根据最大值显示百分比
前言:根据最大值显示百分比,而不是用接口返回回来的结果做前端的效果展示<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <title>根据最大值显示百分比</title> <style> .item{ bo...原创 2019-09-10 21:45:42 · 291 阅读 · 0 评论 -
横向箭头菜单
前言:横向箭头菜单<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>menu</title> <style type="text/css"> *{margi...原创 2019-07-04 10:45:37 · 564 阅读 · 0 评论 -
html引入阿里巴巴图标
前言: 用第三方图标库,我觉得比较方便的就是可以很方便的替换颜色,图标也是矢量的,不会拉伸失真 不用设计人员再单独做雪碧图或其他操作了1,先搞点事情,在阿里巴巴矢量图标库网站首页,搜索自己想要的图标https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.22,搜索之后,...原创 2019-01-16 11:01:09 · 5850 阅读 · 2 评论 -
不同链接加载不同模块
前言:不同链接加载不同模块,根据地址栏参数的不同<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <title>Document</title></head><body原创 2018-11-14 16:47:06 · 205 阅读 · 0 评论 -
前面一周的时间段
前言:获取今天至前面一周的时间<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> </head> <body> <script src="jquery.js">原创 2018-09-26 15:41:03 · 167 阅读 · 0 评论 -
获取下拉框的value值
前言: 获取值的方式有很多种,找的自己喜欢的那一种 新的方式获取下拉框的值<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body&a原创 2018-08-16 10:23:20 · 8449 阅读 · 0 评论 -
锚点应用(点击a标签滚动到指定的位置)
css #main>div{ height: 400px; border:3px solid red; }html <ul> <li><a href="#aa">文章1</a></li> <li><a href="#bb">原创 2018-04-12 14:31:24 · 2877 阅读 · 0 评论 -
网页真实宽度
原创 2018-03-19 15:43:18 · 221 阅读 · 0 评论 -
移动端开发模板
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" /> <meta name="viewport" id="viewport" content="width=device-width, initial-s原创 2018-03-19 15:43:42 · 371 阅读 · 0 评论 -
通栏形式的划出栏显示(使用于导航菜单)
前言:用下标找导航栏对应的div,让其显示出来html <ul> <li></li> <li></li> <li></li> </ul> <header> <div> <p>1&原创 2018-03-19 15:45:37 · 786 阅读 · 0 评论 -
选项卡切换(可优化使用下标)
html <header> <div id="aa" class="blo">1111</div> <div id="bb">222</div> <div id="cc">333</div> <div id原创 2018-03-16 10:57:33 · 283 阅读 · 0 评论 -
input-file图片预览
html <input type="file" name="file" onchange="showPreview(this)" /> <img id="portrait" src="" width="70" height="75">script function showPreview(source)原创 2018-03-15 11:55:22 · 172 阅读 · 0 评论 -
html-mate中对面页面的跳转操作
<meta http-equiv="refresh" content="5">1)这个表示当前页面每5秒刷一下~<meta http-equiv="refresh" content="2; url='/'">2)这个表示当前页面2秒后调到首页<meta http-equiv="refresh" content="0; url='h原创 2018-03-15 11:46:48 · 1632 阅读 · 0 评论 -
html-给ol添加reversed属性反向排序
html <ol reversed> <li>少熬夜</li> <li>多运动</li> <li>记得笑</li> </ol>view原创 2018-03-15 11:31:43 · 2706 阅读 · 0 评论