摘要: 有时候在网页设计中会涉及到很多看上去很繁琐的设计图,这时候都会很让人头疼,那么这时候伪类就可以来帮助你解决问题了。 下面有一段实例大家可以参考一下; 效果如下图所示: 途中所有的关系线全部都是有伪类写的,大家如果有什么不懂得随时可以评论下方,请赐教。 阅读全文
posted @ 2017-07-24 15:40 TrendY 阅读(522) 评论(0) 推荐(0) 编辑
摘要: 转载:http://www.qdfuns.com/ 1. 常用那几种浏览器测试?有哪些内核(Layout Engine)? (Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera。 (Q2) 内核:Trident,Gecko,Presto,Webkit。2. 说下行内元素和块 阅读全文
posted @ 2017-07-24 14:38 TrendY 阅读(398) 评论(0) 推荐(0) 编辑
摘要: 正则表达式经常被用于字段或任意字符串的校验,比如下面这段校验基本日期格式的JavaScript代码:var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/; var r = fieldValue.match(reg); if(r==null)al 阅读全文
posted @ 2017-07-24 10:45 TrendY 阅读(516) 评论(0) 推荐(0) 编辑
摘要: 通常情况下,我们通过操作margin来控制元素居中,代码如下: 但当我们把position设置为fixed时,例如: 以上代码中的margin:0px auto;会出现失效问题,盒子并未居中。这是因为fixed会导致盒子脱离正常文档流。解决方法非常简单,只要应用如下代码即可: 若希望上下也可以居中, 阅读全文
posted @ 2017-07-21 12:46 TrendY 阅读(8371) 评论(0) 推荐(1) 编辑
摘要: 合并单元格 阅读全文
posted @ 2017-07-20 18:30 TrendY 阅读(356) 评论(0) 推荐(0) 编辑
摘要: 一、同步加载 我们平时使用的最多的一种方式。 同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止后续的解析,只有当当前加载完成,才能进行下一步操作。所以默认同步执行才是安全的。但这样如果js中有输出document内容、修改dom、重定向等行为,就会造成页面堵塞。所以一般建议把<script>标签 阅读全文
posted @ 2017-07-19 10:38 TrendY 阅读(900) 评论(0) 推荐(0) 编辑
摘要: 以下代码出自《DOM Enlightenment》一书1.三种事件形式 2.事件流程先捕获后冒泡捕获:从树主干到分支冒泡:从树分支到主干 3.移除事件 4.事件状态对象 5.监听函数this指向this指向绑定事件的节点,即event.currentTarget属性 6.获取事件触发元素(事件源头) 阅读全文
posted @ 2017-07-18 16:43 TrendY 阅读(199) 评论(0) 推荐(0) 编辑
摘要: 用js来监听键盘事件,代码如下: 阅读全文
posted @ 2017-07-17 11:44 TrendY 阅读(684) 评论(0) 推荐(0) 编辑
摘要: 1、手机类型判断 2、返回字符串长度,汉子计数为2 3、 4、js 绑定事件 适用于任何浏览器的元素绑定 5、获得当前浏览器JS的版本 6、获取当前点击事件的Object对象 7、字符串截取方法 8、JS 弹出新窗口全屏 9、全选/全不选 10、移除事件 11、JS 写Cookie 12、Ajax 阅读全文
posted @ 2017-07-17 10:53 TrendY 阅读(239) 评论(0) 推荐(0) 编辑
摘要: 能够实进度条的拖拽功能,数字也随之变化 阅读全文
posted @ 2017-07-14 18:27 TrendY 阅读(557) 评论(0) 推荐(0) 编辑
摘要: js数组拍平 阅读全文
posted @ 2017-07-14 12:21 TrendY 阅读(663) 评论(0) 推荐(0) 编辑
摘要: 发送验证码倒计时效果 阅读全文
posted @ 2017-07-13 18:29 TrendY 阅读(683) 评论(0) 推荐(0) 编辑
摘要: 改变select默认颜色 阅读全文
posted @ 2017-07-11 12:17 TrendY 阅读(11100) 评论(0) 推荐(1) 编辑
摘要: 获取当前所在的省市区 阅读全文
posted @ 2017-06-30 11:03 TrendY 阅读(519) 评论(0) 推荐(0) 编辑
摘要: 1 2 3 4 5 6 7 8 51 52 阅读全文
posted @ 2017-06-29 15:19 TrendY 阅读(538) 评论(0) 推荐(1) 编辑
摘要: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> a{display:inline-block;margin:0 5px;height:20px;color:#666;background:#eee 阅读全文
posted @ 2017-06-28 16:09 TrendY 阅读(362) 评论(0) 推荐(0) 编辑
摘要: $("#tel").html($("#tel").substring(0,3)+"****"+$("#tel").substring(8,11)); 阅读全文
posted @ 2017-06-22 10:56 TrendY 阅读(658) 评论(0) 推荐(0) 编辑