
HTML5
高压锅_1220
宠辱不惊,看庭前花开花落;去留无意,望天上云卷云舒!
心中有阳光,脚下有力量!
展开
-
datatables不进行页面刷新重新加载数据
html<table class="cell-border hover" id="notice" width="100%"></table>js# data 是通过ajax重新加载的数据,把data弄成和之前表格数据格式一样就好了function change_data(){ var table = $("#notice").DataTable(); table.clear(); table.rows.add(data); table.draw();}...原创 2020-08-17 20:17:59 · 1225 阅读 · 1 评论 -
html控制selectpicker下拉菜单的高度和宽度
1. 控制类selectpicker的高度和宽度宽度: data-width=“200px”高度: data-dropup-auto=“false” data-size=“5”<select class="selectpicker" data-width="200px" data-dropup-auto="false" data-size="5" id="estType" name="estType"> <option selected disabled value="0"原创 2020-08-17 20:12:04 · 3892 阅读 · 0 评论 -
html懒加载控制html页面加载完以后再显示全部
v-cloak作用 :解决插值表达式的闪烁问题用法:在开始标签处填写v-cloak引用它;在head中加入样式,选择标签为v-cloak,设置标签样式,使得在网页接受请求数据的过程中,选定v-cloak的标签显示特殊的样式<div id="app" v-cloak> 内容</div><style> [v-cloak]{ display: none; }</style>...转载 2020-08-05 20:33:06 · 2410 阅读 · 0 评论 -
jquery选择器和dom选择器区别
1. jquery选择器css$("#file_loading").css("visibility", "visible")2. dom选择器stylrdocument.getElementBuyid("file_loading").style.visibility = "visible"因为jquery没有.css属性3. jquery选择器attr$("img").attr({width:"50",height:"80"});$("ul li:eq(1)").removeAttr (原创 2020-05-31 17:13:14 · 300 阅读 · 1 评论 -
CSS样式学习
1.背景 background-color background-image background-repeat background-attachment background-position2、文本 h1 {text-align:center;} p.date {text-align:right;} p.main {text-align:justify;} body {...原创 2018-05-17 21:12:47 · 482 阅读 · 0 评论 -
固定页面背景
body { background: #000 url(../images/test-bg.jpg) no-repeat 50% 0; margin: 10% 20%; color: #fff; font-family: 'helvetica Neue', sans-serif; background-attachment: fixed; text-原创 2017-08-30 22:58:04 · 289 阅读 · 0 评论 -
加载动态效果(圆形转圈)-2
.loader{ text-indent: -9999em;/*隐藏文字*/ position: relative; width: 200px; height: 200px; background: #FFFFFF; background: -webkit-linear-gradient(left,#ffffff 10%,rgba(255,255,2原创 2017-08-29 21:19:09 · 1607 阅读 · 0 评论 -
加载动态效果(三点变化)-3
.loader{ font-size: 20px; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; box-shadow: 1em 2em 0 .5em #FFF,4em 2em 0 .5em #FFF,7em 2em原创 2017-08-29 21:20:24 · 1069 阅读 · 0 评论 -
加载动态效果(8点圆形转)-4
.loader{ font-size: 20px; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; box-shadow: 0em 0em 0 .2em #fff,2em 1em 0 0 #fff,3em 3em 0原创 2017-08-29 21:21:27 · 417 阅读 · 0 评论 -
3D翻转效果(翻书)
前期准备:备好3张照片,大小为300x400大小,放入images文件夹中 *{ margin: 0; padding: 0; } .book{ width: 300px; margin: 100px auto; position: relative; -webkit-persp原创 2017-08-29 21:25:34 · 657 阅读 · 0 评论 -
canvas粒子雪花效果
your brower does not support the canvas elelment var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); var particles = []; /*粒子创建一个数组*/ for原创 2017-08-29 22:24:12 · 933 阅读 · 0 评论