自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(42)
  • 收藏
  • 关注

原创 ios中设置readonly还会有光标

ios中设置readonly会有光标在input上添加 unselectable="on" onfocus="this.blur()" 即可

2018-07-17 14:57:21 453

转载 aes加密解密

aes.js  地址  http://react.file.alimmdn.com/aes.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> </h

2018-06-28 15:55:47 771

原创 移动端关闭虚拟键盘

移动端关闭虚拟键盘document.activeElement.blur();

2018-05-31 14:32:37 2633

原创 X5内核浏览器video自动全屏解决办法

2017-07-19 17:20:38 5138

原创 html5阻止video的默认全屏播放

2017-07-18 17:53:18 12434 2

原创 js判断是否是微信浏览器

js判断是否是微信浏览器var ua = window.navigator.userAgent.toLowerCase();if(ua.match(/MicroMessenger/i) == 'micromessenger'){ // return true; console.log('微信浏览器')}else{ // return false; console.log('非微信浏

2017-06-29 18:06:16 311

转载 城市选择插件

dl,dt,dd,ul{margin:0;padding:0;}ul{list-style:none;}a{text-decoration:none;}.picker-box{-webkit-user-select:none;}.picker-box dt{background-color:#dbdbdb;padding:5px 20px;}.picker-box dd{padding:8px 2

2017-06-13 09:52:11 440

原创 js获取url参数

var pageIndex=getParam('page'); //获取url参数 function getAllParam () { var json = {}; var param = decodeURIComponent(window.location.search.substr(1)); param.replace(/([^&\.*

2017-03-31 15:44:09 270

原创 html设置超过两行隐藏

.item .item-cont h4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; /* 设置行数 */ -webkit-box-orient: vertical;}

2017-03-07 17:38:59 4254

原创 更改input等的默认样式

input[type="radio"]{ position: absolute; left: 50%; top: 30%; transform: translateX(-50%); -webkit-appearance: none; height: 32px; vertical-align: middle; width: 32px; outline: none

2017-03-06 16:10:24 1303

转载 日历插件

$('.item-buydate').mdater();(function($) { $.fn.mdater = function(config) { var defaults = { maxDate: null, minDate: new Date(1970, 0, 1) }; var option = $.extend(defa

2017-02-21 09:50:53 592

转载 微信ios中音视频不能自动播放

// 方法1: 现在微信官方已经推出了微信JS-SDK, 最好还是不要使用"野生"方式, 因为不知道什么时候就可以不能用了! // http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html // 通过config接口注入权限验证配置后, 在 ready 中 play 一下 audio funct

2017-02-15 15:29:43 1037

原创 微信小程序获取高度

wx.getSystemInfo({ success: function(res) { console.log(res.model) console.log(res.pixelRatio) console.log(res.windowWidth) console.log(res.windowHeight) console.log(res.language

2017-01-13 11:43:20 24751

原创 angularjs 动态改变title标题(兼容ios)

angular.module('myApp.loginCtrl', []) .config(function($httpProvider) { $httpProvider.defaults.headers.post['Content-Type']='application/x-www-form-urlencoded;charset=utf-8';//改变header中co

2016-12-29 10:39:17 4391

原创 jquery判断是否包含某个字符串

$(function(){  var str="sunny,woo";  var sear=new RegExp(',');  if(sear.test(str))  {  alert('Yes');  }  var tag=',';  if(str.indexOf(tag)!=-1)  {  alert('Yes');  }});

2016-12-09 10:21:51 11712

转载 多行文本溢出显示省略号(…)全攻略

多行文本溢出显示省略号(....)全攻略原文地址http://www.css88.com/archives/5206

2016-11-22 16:15:54 370

原创 移动端默认显示滚动条

.list { overflow: hidden; overflow-y: auto;}.list::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0); border-left: 1px solid rgba(0, 0, 0, 0);}.list::-webkit-scrol

2016-11-14 09:40:07 8665

转载 js实现ios头部导航条模糊效果

原文地址http://codepen.io/wmnsk/pen/GxCsL Document iOS 7 Blurred Header Mauris viv

2016-10-25 11:02:21 27930

转载 vue.js实现成绩查询、新增、修改

vue.js实现成绩查询、新增、修改原文地址  http://www.cnblogs.com/xwwin/p/5816527.html        vue成绩单            *{            margin:0;            padding:0;        }        .report_card{

2016-10-17 17:04:04 10009

原创 防止iframe事件,启用iframe上一级的事件

防止iframe事件,启用iframe上一级的事件 iframe{ pointer-events: none; }//a标签拥有点击事件 div1.onclick=function (e) { alert("66") }

2016-10-17 11:03:40 4327

原创 加载微信防盗图片

//加载微信防盗图片function showImg(url) { var imgid = Math.random(), frameid = 'frameimg' + imgid; window['img'+imgid] = '*{padding: 0;margin: 0}'; return '';}

2016-10-13 17:49:53 969

原创 mui解决 所有a标签 导航不能跳转页面

//解决 所有a标签 导航不能跳转页面mui('body').on('tap','a',function(){document.location.href=this.href;});

2016-09-27 17:04:52 11466 4

原创 去除datalist的下拉图标

input::-webkit-calendar-picker-indicator{ display: none; -webkit-appearance: none;}

2016-07-04 14:52:59 3119

原创 js去除数组重复元素

function b() { var obj=[1,2,2,3,3,4,5]; var result=[]; var hash={}; for(var i=0,elem;(elem=obj[i]) !=null;i++){ if(!hash[elem]){ result.push(elem); hash[elem]=true; } } conso

2016-06-27 16:02:13 348

转载 原生ajax书写

本文转载至http://sjpsega.iteye.com/blog/17293501.创建XMLHttpRequesetfunction createXMLHTTPRequest() { //1.创建XMLHttpRequest对象 //这是XMLHttpReuquest对象无部使用中最复杂的一步

2016-06-24 13:25:37 207

原创 延时消失的菜单

window.onload=function () { var oUl=document.getElementsByTagName("ul")[0]; var oLi=document.getElementsByTagName("li"); var timer=null; var old=0; function on() { timer=setInterval(function (

2016-06-12 15:50:19 413

原创 浏览器不缓存页面

2016-06-12 09:24:39 280

原创 css3实现手风琴效果

brand Lorme ipsum dolor.... promotion Lorme ipsum dolor.... event Lorme ipsum dolor.... *{padding: 0; margin: 0;} a{ text-underline: none; text-decoration: none; } .accord

2016-06-02 14:44:05 1016

原创 js求数组中的最大值(reduce方法)

window.onload=function () { var a=[1,2,3,4,5]; var sum=a.reduce(function (x,y) { return x>y?x:y }); console.log(sum); /*返回5*/}

2016-06-01 15:31:03 5736

原创 原生js是实现类似淘宝首页的banner栏

最热团购 商城特惠 名品推荐 缤纷活动 优惠1 优惠2 优惠3 优惠4 优惠1 优惠2 优惠3 优惠4 优惠1 优惠2 优惠3

2016-05-31 17:09:19 984

原创 jQuery跳出当前each循环的方法

jQuery跳出当前each循环的方法jQuery跳出循环不能直接使用continue和break,在jQuery中没有这两条命令return false;  ——跳出所有循环,相当于JavaScript中的break效果return true;  ——跳出当前循环,进入下一循环,相当于JavaScript中的continue

2016-05-30 16:42:19 1746

原创 禁止手机浏览器、微信浏览器的上下滑动露出黑色块问题

禁止手机浏览器、微信浏览器的上下滑动露出黑色块问题 document.querySelector('body').addEventListener('touchstart',function (ev) { event.preventDefault(); })

2016-05-30 09:45:20 9465

原创 css选择器

选择器例子例子描述CSS.class.intro选择 class="intro" 的所有元素。1#id#firstname选择 id="firstname" 的所有元素。1**选择所有元素。2elementp选择所有 元素

2016-05-27 14:25:18 275

原创 原生js实现简单的展开收缩

我的好友 张三 李四 我的企业 企业1 企业2 黑名单 黑名单1 黑名单2 body{ font-size: 12px; margin: 50px 400px; } *{ padding: 0; margin: 0; }

2016-05-27 09:26:18 3013

原创 JavaScript原生实现多组图片切换

Html 上一组 下一组 第一组第1张图 1/4 第二组第1张图 1/4 css body{ font-size: 12px; } *{ padding: 0; margin: 0; } .bg{ background: #f2f2f2; display: inline-block; margin

2016-05-26 15:43:39 523

原创 原生JavaScript实现图片切换

Html > css *{ padding: 0; margin: 0; } #div{ position: relative; width: 300px; height: 300px; padding: 10px 10px 30px 10px; background: #ccc; text-align: cen

2016-05-26 14:15:24 310

转载 网页元素CSS居中实现完整攻略

本文转至http://www.html5dw.com/post?id=1433水平居中:行内元素解决方案       只需要把行内元素包裹在一个属性display为block的父层元素中,并且把父层元素添加如下属性即可:.parent { display:flex; justify-content:center; }垂直居中:未知高度的块状元素解

2016-05-24 16:33:40 503

原创 html文字过长自动添加省略号

文字过长自动添加省略号注:必须设置元素的宽度div{ width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

2016-05-24 16:27:44 1260

原创 编写代码中出现乱码的原因

1.检查编辑器的编码格式:如果没有特别要求,通常整个项目和文件的编码都应该是UTF8Editor>File Encoding,IDE Encoding,Project Encoding均改为utf-8

2016-05-24 16:14:54 1694

转载 两颗星星实现的星星点击评分效果实例页面

本文转载 http://www.zhangxinxu.com/study/201308/hello-star.htmlcss部分/* 星星点灯照亮我的家门 */.star_bg { width: 120px; height: 20px; background: url(star.png) repeat-x; position: relative; over

2016-05-24 16:08:41 625

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除