- 博客(20)
- 收藏
- 关注
原创 jQuery选择器总结
jQuery选择器之基本筛选器 jQuery子元素筛选选择器jQuery选择器之表单对象属性筛选选择器jQuery选择器之表单元素选择器jQuery选择器之层级选择器jQuery选择器之可见性筛选选择器jQuery选择器之内容筛选器jQuery选择器之属性筛选选择器...
2018-08-03 13:22:34 867
原创 鼠标经过图片 图片放大缩小
当鼠标经过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 2405
原创 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 44047
原创 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 471
原创 laydate定位修改
引用laydate时间插件,点击input标签时弹出的日期有一个定位是left值,靠近浏览器右侧,如果想修改的话找不到html5界面,只能在laydate.js里边修改!引用后的位置:通过研究查看文档之后找到的解决方案是:只需要把这句话注释:// e.elem.style.left = d + ("fixed" === t.position ? 0 : o(1)) + "px",然后再添加一个你要...
2018-05-16 08:27:28 4170 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 23069
原创 字体@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 5125 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 2011
原创 浏览器文本自动换行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 830
原创 echarts折线图实例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> .cl{ clear: both;} bod
2018-04-04 13:02:15 1162
原创 canvas绘制圆形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas绘制圆形</title> <style type="text/css">
2018-04-03 08:49:45 2359
原创 canvas绘制矩形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas绘制矩形</title> <style> body{ mar
2018-04-03 08:24:15 170
原创 给文字加渐变色
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> body{ background: #
2018-03-30 11:21:19 455
原创 echarts 柱状图实例
<script> var water_name=[];//数据名称 var water_one=[];//前日数据 var water_two=[];//昨日数据 var water_three=[];//今日数据 var myChart; function water_mt(){ // 基于准备好的dom,初始化echarts...
2018-03-28 08:32:32 2726
原创 js 获取随机数
获取随机数: function randomNum(minNum,maxNum){ switch (arguments.length){// js中的arguments.主要是可以对输入的参数进行跟踪 case 1: return parseInt(Math.random()*minNum+1,...
2018-03-26 15:02:34 468
原创 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 252
原创 快速查找字体
1、把你需要查找的字体保存一张图片存储在桌面上2、打开网址 : http://www.qiuziti.com/3、上传图片找字体点击——浏览——找到保存到桌面的图片——点击打开——开始上传得到画面:4、得到的两张图片都可以拖动进行组合—— 我们拖动力往左边压上面托动进行组合——组合成一张图片‘压力’——然后在图片下的文字框内填上图片中的黑色高亮文字————点击下方开始搜索5、得到类似字体——哪个跟...
2018-03-21 16:58:50 4443
原创 总结数组中的常用方法
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 352
原创 遍历数组
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 259
原创 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 1025
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人