- 博客(42)
- 收藏
- 关注
原创 ios中设置readonly还会有光标
ios中设置readonly会有光标在input上添加 unselectable="on" onfocus="this.blur()" 即可
2018-07-17 14:57:21 478
转载 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 803
原创 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 323
转载 城市选择插件
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 458
原创 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 291
原创 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 4284
原创 更改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 1317
转载 日历插件
$('.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 605
转载 微信ios中音视频不能自动播放
// 方法1: 现在微信官方已经推出了微信JS-SDK, 最好还是不要使用"野生"方式, 因为不知道什么时候就可以不能用了! // http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html // 通过config接口注入权限验证配置后, 在 ready 中 play 一下 audio funct
2017-02-15 15:29:43 1055
原创 微信小程序获取高度
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 24885
原创 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 4408
原创 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 11773
转载 多行文本溢出显示省略号(…)全攻略
多行文本溢出显示省略号(....)全攻略原文地址http://www.css88.com/archives/5206
2016-11-22 16:15:54 383
原创 移动端默认显示滚动条
.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 8703
转载 js实现ios头部导航条模糊效果
原文地址http://codepen.io/wmnsk/pen/GxCsL Document iOS 7 Blurred Header Mauris viv
2016-10-25 11:02:21 33733
转载 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 10081
原创 防止iframe事件,启用iframe上一级的事件
防止iframe事件,启用iframe上一级的事件 iframe{ pointer-events: none; }//a标签拥有点击事件 div1.onclick=function (e) { alert("66") }
2016-10-17 11:03:40 4395
原创 加载微信防盗图片
//加载微信防盗图片function showImg(url) { var imgid = Math.random(), frameid = 'frameimg' + imgid; window['img'+imgid] = '*{padding: 0;margin: 0}'; return '';}
2016-10-13 17:49:53 987
原创 mui解决 所有a标签 导航不能跳转页面
//解决 所有a标签 导航不能跳转页面mui('body').on('tap','a',function(){document.location.href=this.href;});
2016-09-27 17:04:52 11492 4
原创 去除datalist的下拉图标
input::-webkit-calendar-picker-indicator{ display: none; -webkit-appearance: none;}
2016-07-04 14:52:59 3201
原创 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 358
转载 原生ajax书写
本文转载至http://sjpsega.iteye.com/blog/17293501.创建XMLHttpRequesetfunction createXMLHTTPRequest() { //1.创建XMLHttpRequest对象 //这是XMLHttpReuquest对象无部使用中最复杂的一步
2016-06-24 13:25:37 219
原创 延时消失的菜单
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 429
原创 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 1046
原创 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 5820
原创 原生js是实现类似淘宝首页的banner栏
最热团购 商城特惠 名品推荐 缤纷活动 优惠1 优惠2 优惠3 优惠4 优惠1 优惠2 优惠3 优惠4 优惠1 优惠2 优惠3
2016-05-31 17:09:19 1003
原创 jQuery跳出当前each循环的方法
jQuery跳出当前each循环的方法jQuery跳出循环不能直接使用continue和break,在jQuery中没有这两条命令return false; ——跳出所有循环,相当于JavaScript中的break效果return true; ——跳出当前循环,进入下一循环,相当于JavaScript中的continue
2016-05-30 16:42:19 1761
原创 禁止手机浏览器、微信浏览器的上下滑动露出黑色块问题
禁止手机浏览器、微信浏览器的上下滑动露出黑色块问题 document.querySelector('body').addEventListener('touchstart',function (ev) { event.preventDefault(); })
2016-05-30 09:45:20 9492
原创 css选择器
选择器例子例子描述CSS.class.intro选择 class="intro" 的所有元素。1#id#firstname选择 id="firstname" 的所有元素。1**选择所有元素。2elementp选择所有 元素
2016-05-27 14:25:18 289
原创 原生js实现简单的展开收缩
我的好友 张三 李四 我的企业 企业1 企业2 黑名单 黑名单1 黑名单2 body{ font-size: 12px; margin: 50px 400px; } *{ padding: 0; margin: 0; }
2016-05-27 09:26:18 3047
原创 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 548
原创 原生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 325
转载 网页元素CSS居中实现完整攻略
本文转至http://www.html5dw.com/post?id=1433水平居中:行内元素解决方案 只需要把行内元素包裹在一个属性display为block的父层元素中,并且把父层元素添加如下属性即可:.parent { display:flex; justify-content:center; }垂直居中:未知高度的块状元素解
2016-05-24 16:33:40 524
原创 html文字过长自动添加省略号
文字过长自动添加省略号注:必须设置元素的宽度div{ width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
2016-05-24 16:27:44 1306
原创 编写代码中出现乱码的原因
1.检查编辑器的编码格式:如果没有特别要求,通常整个项目和文件的编码都应该是UTF8Editor>File Encoding,IDE Encoding,Project Encoding均改为utf-8
2016-05-24 16:14:54 1736
转载 两颗星星实现的星星点击评分效果实例页面
本文转载 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 640
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人