随笔分类 - js，jquery，css
摘要：引入js <script src="https://cdn.datatables.net/fixedcolumns/4.0.2/js/dataTables.fixedColumns.min.js"></script>js代码： //初始化页面，加载供应商数据 dataTables = $('#tab
阅读全文
摘要：/*设置滚动条样式*/ div::-webkit-scrollbar { width: 4px; } div::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0,
阅读全文
摘要：1. text-indent：cm; 设置首行的缩进距离 2. letter-spacing：px; 汉字间字间距设置或者英文单词中每个字母的间距 3. word-spacing：px; 设置英文每个单词之间的距离，对中文文字之间的距离没有效果
阅读全文
摘要：text-shadow: 0 0 10px #e9f8d8,0 0 10px #e9f8d8,0 0 10px #e9f8d8,0 0 10px #e9f8d8;
阅读全文
摘要：效果： .el-row::before { content: ""; width:0; height: 0; border:60px solid transparent; border-right:60px solid #e3e3e3; transform: rotate(135deg); posi
阅读全文
摘要：transform：scale 缩放元素 写法： transform:scale（x, y） transform:scaleX() scaleY() scaleZ()， transform:scale3d（x, y, z） 设置缩放后，一般是朝着元素中心点缩放，导致元素位置会发生变化，很不方便。 t
阅读全文
摘要：css ： * .zl:before { content: ''; display: block; width: 8rem; height: 8rem; position: absolute; left: 47%; top: 35%; transform: translate(-50%, -50%)
阅读全文
摘要：css .imgCircle { width: 8%; position: absolute; left: 56%; top: 35%; display: none; transform: rotateX( 70deg); animation: circle 5s linear infinite;
阅读全文
摘要：1、<style> 不要添加 “scoped” 属性 2、css .el-tree-node:focus > .el-tree-node__content { background-color: #66b1ff87 !important; } .el-tree-node__content:hover
阅读全文
摘要：1、html <div class="loginbody"> <div class="border_corner border_corner_left_top"></div> <div class="border_corner border_corner_right_top"></div> <div
阅读全文
摘要：1.没有指定宽度 解决：设置width 结论：分别给要居中的元素添加了指定宽度，没变化，说明不是这个原因 2.浮动、绝对定位、固定定位的盒子失效 结论：看不见有这方面的设置啊，排除 3.行内元素失效 解决方法：①设置display:block；②给定要居中的行内元素的宽度。（自带宽度的input/b
阅读全文
摘要：效果： 1、 .metismenu .has-arrow:after { position: absolute; content: ""; width: .50em; height: .50em; border-style: solid; border-width: 1.2px 0 0 1.2px;
阅读全文
摘要：style="pointer-events: none;" /*添加 css样式设置*/
阅读全文
摘要：//这里只写获取1个参数的，多个的自己写逻辑 function geturl(){ var query = window.location.href; var r = '' var vars = query.split("?"); var pair = vars[1].split("="); r =
阅读全文
摘要：window.onresize = function(){ alert(232); }
阅读全文
摘要：demo预览地址 https://www.jq22.com/yanshi22256 demo下载地址 https://www.jq22.com/jquery-info22256 没有弄成 gif ，没有找到免费录制屏幕成gif格式的 html <div class="stars"></div> cs
阅读全文
摘要：html <div class="point"></div> css .point,.point::before,.point::after { position: absolute;/*必须设置*/ margin-top: -22px; margin-left: 5px; width: 30px;
阅读全文
摘要：效果 css: .left-top,.right-top,.left-bottom,.right-bottom{ position:absolute; width:13px; height:13px; } .left-top{ left:0; top:0; border-left:solid 2px
阅读全文
摘要：奇数行： .messageitem:nth-child(even){ color: #c18e14; } 偶数行： .messageitem:nth-child(odd){ color: #84c084; }
阅读全文
摘要：使用了float属性之后的元素会浮动起来，脱离正常的文档流，导致后面元素错位等情况。这时候只需要清楚浮动后面的元素即可变得正常。 在需要浮动元素和不需要浮动元素中间添加一个div <div class="clear"></div> 并设置样式: .clear{ clear:both; }
阅读全文
