- 博客(28)
- 收藏
- 关注
RSS订阅原创 jq多个视频,不让其同时播放
$("video").on("play",function(){ $("video").not($(this)).trigger("pause");});
2019-06-26 15:28:41
928
转载 jquery无法为动态生成的元素添加点击事件的解决方法
例子<div> <ul> <li> <span> <i class='icon'>这是元素内容</i> //i是动态生成 </span> </li> </ul></div>解决方法如下：$(docume...
2019-06-25 11:18:11
299
原创 图片水平垂直居中
图片水平垂直居中margin:auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;
2019-06-06 09:35:08
363
原创 js获取url上的参数
function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&...
2019-01-21 19:05:35
163
原创 jq倒计时
HTML<div class="count_time"> <span>支付剩余时间</span><span id="test">20:00</span></div>JQvar time = 1200; var newDate = new Date(); var startTime =
2019-01-15 17:46:18
790
1
原创 JS倒计时
HTML<span>支付剩余时间：</span><span id="test"></span>JS<script type="text/javascript">$(function(){ var time = 11; var newDate = new Date(); var startTime = new
2019-01-11 14:02:21
560
原创 纯CSS跟换input单选框图片
HTML&lt;div id="yuyue"&gt; &lt;input type="radio" name="sex" value="" checked="checked" class="sex" /&gt;
2019-01-11 09:47:02
1218
原创 元素在固定定位的前提下，保持水平居中
元素在固定定位的前提下，保持水平居中样式处理.mainBox .hot{ width: 276px; position: absolute; bottom: 28px; left: 0; right: 0; margin: 0 auto;}
2019-01-04 09:26:02
1476
原创 解决swiper插件，tap跳转和一个页面多个demo的问题
HTML<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="item"> <img src=&qu
2018-12-24 16:40:19
804
1
原创 SVG的优势
SVG 图像可通过文本编辑器来创建和修改；SVG 图像可被搜索、索引、脚本化或压缩；SVG 是可伸缩的；SVG 图像可在任何的分辨率下被高质量地打印；SVG 可在图像质量不下降的情况下被放大...
2018-12-06 15:49:40
2301
原创 box-sizing:border-box；
内减模式，怪异盒模型 主动将边框及内边距所占的数值从宽高中减掉；为元素设定的宽度和高度决定了元素的边框盒;就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制...
2018-12-06 15:48:00
159
原创 使用display:inline-block;有问题
与前面元素书写时换行的话前面会有几像素的距离；能不用就不用，可以用浮动，或者verical-align:middle;代替；
2018-12-05 09:28:23
145
原创 SEO优化
搜索引擎优化，eg:网站图标，用h1标签包裹a便签，因为h1权重大，a便签里的文字隐藏兼容方式：text-indent:-5000px;首行缩进，让其文字超出浏览器显示部分；...
2018-12-05 09:27:16
532
原创 json转换
由 JSON 字符串转换为 JSON 对象：var obj=eval('('+str+')');varobj=str.parseJSON();varobj=JSON.parse(str);JSON 对象转换为 JSON 字符串：var last=obj.toJSONString();varlast=JSON.stringify(obj);...
2018-12-04 09:40:16
130
原创 javascript 创建对象的几种方式
对象字面量方式；用function模拟无参的构造函数；用function模拟有参的构造函数；用工厂方式来创建（内置对象）；原型方式创建；混合方式；
2018-12-04 09:37:16
280
原创 清除字符与字符之间的间距
letter-spacing:可以清除字符与字符之间的间距，可以用于消除 inline-block 元素间的换行符空格间隙问题。
2018-12-04 09:35:20
665
原创 rgba()和 opacity的区别
rgba()和 opacity 都能实现透明效果，但最大的不同是 opacity 作用于元素，以及元 素内的所有内容的透明度，而 rgba()只作用于元素的颜色或其背景色。（设置 rgba 透明 的元素的子元素不会继承透明效果;...
2018-12-04 09:34:10
321
原创 sessionStorage、localStorage、cookie的区别
sessionStorage 用于本地存储一个会话中的数据，在同一个页面才能访问，会话结束数据随之销毁；localStorage用于持久化的本地存储，除非主动删除数据，否则数据永远不会过期；5M大小cookie是为了更大容量存储设计的，所以它的大小是受限的，他还需要指定作用域，不可跨域调用。4k左右有有效期，过期后会删除。...
2018-12-03 14:36:43
106
原创 浏览器内核
关于浏览器内核，我们一般做浏览器适配的时候会用到：Trident 内核:IE 系列；Gecko 内核:Firefox；Webkit 内核:Safari；Blink 内核：是基于 Webkit 内核的子项目...
2018-12-03 14:33:49
347
原创 让页面里的字体变清晰
当我们在写移动端页面时，由于移动设备的尺寸限制，文字会看起来很不清晰，失真，只要在css中加入-webkit-font-smoothing:antialiased;便可解决这个问题
2018-12-03 14:30:53
1581
原创 html清除浮动
以后有浮动的时候一定要清除浮动，清浮动的方式：CSS初始化文件里有，父元素直接引用类名一般为（.clearfix）；代码详情：.clearfix:before,.clearfix:after{content:"";display:table;}.clearfix:after{clear:both;.clearfix{*zoom:1;}...
2018-12-03 14:13:31
382
原创 div的垂直居中问题
有固定宽高的情况下div{position:relative; width:500px;height:300px;top:50%;left:50%;margin:-150px00-250px;background-color:pink;}无固定宽高的情况下div{position:absolute; width:500px;height:300px;top:50%;left:50%;tra...
2018-12-03 14:03:55
174
原创 移动端用img引入图片时，点击到图片时会此图片会单独放大成为一个单独页面
做移动端时，当背景图片填充整个屏幕时，需要用img标签来做到，（有个坑）点击到图片时会此图片会单独放大成为一个单独页面，解决办法：在img标签里加上onclick="return false"阻止跳出。...
2018-12-03 14:00:48
2230
1
原创 html引入的js css文件添加随机数 , 保证每次都获取最新的文件 ,可解决浏览器缓存问题
**javascript<script type="text/javascript">document.write("<script type='text/javascript' src='js/cours_details.js?random=" + Math.random() + "'></script>")</script>
2018-12-03 13:42:26
1525
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人