Zeropoint零点-CSDN博客

原创 jQuery选择器总结

jQuery选择器之基本筛选器 jQuery子元素筛选选择器jQuery选择器之表单对象属性筛选选择器jQuery选择器之表单元素选择器jQuery选择器之层级选择器jQuery选择器之可见性筛选选择器jQuery选择器之内容筛选器jQuery选择器之属性筛选选择器...

2018-08-03 13:22:34 827

原创鼠标经过图片图片放大缩小

当鼠标经过img时，图片发生的缩放写法：#Images img{ transition: all 0.6s; cursor: pointer; position:relative } #Images img:hover{ transform: scale(2.4); z-index:999 ...

2018-08-03 13:13:42 2375

原创 data-id 和 id 的区别 data-id 的样式写法

id是选择器data-id只是行内存放数据的一个标签，跟input里面的value作用是一样的同时在HTML5 中增加了一项新功能是自定义数据属性，也就是 data-* 自定义属性。在HTML5中我们可以使用以 data- 为前缀来设置我们需要的自定义属性，来进行一些数据的存放。例如：<style type="text/css"> div[data-id="something"]...

2018-05-18 14:58:31 43411

原创 sublime软件页面右键序列化和解压

sublime软件只需要安装一个插件就可以使用页面里边的代码序列化和脚本解压，非常方便和简单！链接: https://pan.baidu.com/s/1kRYCl1leeVQ4IWcr0ltUXg 密码: 7aas只需要点击啊下载安装即可！使用方法：1.打开医药序列化或者解压的文件，Ctrl+A全选；2.右键找到HTML/CSS/JS/Prettify然后点击Prettify code即可...

2018-05-17 08:23:33 437

引用laydate时间插件，点击input标签时弹出的日期有一个定位是left值，靠近浏览器右侧，如果想修改的话找不到html5界面，只能在laydate.js里边修改！引用后的位置：通过研究查看文档之后找到的解决方案是：只需要把这句话注释：// e.elem.style.left = d + ("fixed" === t.position ? 0 : o(1)) + "px",然后再添加一个你要...

2018-05-16 08:27:28 4029 2

原创 input 标签内默认文字的设置

引用插件多选<div class="col-md-12"> <input type="text" class="area-duoxuan" placeholder="请选择" data-value="" /></div>.col-md-12用的是bootstrap样式请选择三个字改成黑色为input:-moz-placeh

2018-05-16 08:14:02 22949

原创字体@font-face使用方法

字体@font-facefont-face使用方法：@font-face{ font-family:webfont; src:url('font/字体名称.otf')format（"opentype"） }；属性值：font-family：设置文本的字体名称；font-style : 设置文本的样式; 属性值：normal默认值 italic斜体 obl...

2018-04-11 11:29:53 4977 1

原创 word-wrap长单词与URL地址自动换行

word-wrap长单词与URL地址自动换行word-wrap属性的属性值：1）normal 浏览器保持默认的处理方式，只有在半角空格或者是连字符的地方进行换行2）break-word 浏览器可以在长单词或URL地址内部进行换行案例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...

2018-04-10 13:17:16 1913

原创浏览器文本自动换行word-break

浏览器文本自动换行word-break属性值：normal使用浏览器默认的样式keep-all只能在半角空格或连字符处理换行break-all允许在单词内换行写法：<style>p{word-break:break-all;}</style>案例：<!DOCTYPE html><html lang="en"><head> ...

2018-04-10 12:41:43 795

原创 echarts折线图实例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> .cl{ clear: both;} bod

2018-04-04 13:02:15 1138

原创 canvas绘制圆形

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas绘制圆形</title> <style type="text/css">

2018-04-03 08:49:45 2315

原创 canvas绘制矩形

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas绘制矩形</title> <style> body{ mar

2018-04-03 08:24:15 147

原创给文字加渐变色

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> body{ background: #

2018-03-30 11:21:19 417

原创 echarts 柱状图实例

2018-03-28 08:32:32 2679

原创 js 获取随机数

获取随机数： function randomNum(minNum,maxNum){ switch (arguments.length){// js中的arguments.主要是可以对输入的参数进行跟踪 case 1: return parseInt(Math.random()*minNum+1,...

2018-03-26 15:02:34 434

原创 JS事件模型总结

1、内联模型<body><input type="button" value="test1" onclick=' alert("dian ji shi jian")'/><input type="button" value="test2" onclick="dian()" /><scr

2018-03-22 10:18:22 230

原创快速查找字体

1、把你需要查找的字体保存一张图片存储在桌面上2、打开网址： http://www.qiuziti.com/3、上传图片找字体点击——浏览——找到保存到桌面的图片——点击打开——开始上传得到画面：4、得到的两张图片都可以拖动进行组合—— 我们拖动力往左边压上面托动进行组合——组合成一张图片‘压力’——然后在图片下的文字框内填上图片中的黑色高亮文字————点击下方开始搜索5、得到类似字体——哪个跟...

2018-03-21 16:58:50 4282

原创总结数组中的常用方法

Array.push()在数组末尾添加一个或多个元素var arr = ['a','b','c','d']; res = arr.push('g'); console.log(arr);//["a", "b", "c", "d", "g"]在数组末尾添加一个元素['g'] console.log(res);//5返回数组的长度Array.pop()弹出数组最后的元素 var...

2018-03-21 16:37:59 306

原创遍历数组

1.for循环遍历<script> var arr=['a','b','c','d']; for(var x=0,len=arr.length;x<len;x++){ console.log(arr[x]); }</script>2.for...in遍历数组<script> var arr1=[]; arr1[11]='a';...

2018-03-21 13:52:47 238

原创 JavaScript创建数组

1.字面量形式<script>var = arr[];//空数组var = arr1[1,2,3,4,5,6,7,8];//带有元素的数组var = arr2[1,2.5,false,true,undefined,null,{'ling'},[1,2.5]];//数组中的值可以是任意值var x=1;var arr3=[x,x+2,x-3,x*4,x/1];//1,3，-2,4,1co...

2018-03-21 11:29:58 976

qq_41648132的博客