2015年12月_xiaobing_hope

12月 11月 10月 09月 07月 06月 05月 04月 03月

原创移动端html5开发关于用js检测用户设备

移动端html5开发关于用js检测用户设备检测移动设备通过用户代理，检测浏览网页设备为android，iphone，ipad等：用户代理中包含设备的型号，如android，iphone，ipad等用正则去匹配UA，得到设备型号var UA = window.navigator.userAgent, isAndorid = /android/i.test(UA),

2015-12-25 18:09:30 5037 2

原创 html、js实现facebook、twitter分享

html、js实现facebook、twitter分享分享到facebook:href="http://www.facebook.com/share.php?u=" onclick="fbs_share" target="_blank">class="facebook">分享到twitter：href="javascript:void(window.open('ht

2015-12-24 15:49:29 15539

原创 js实现去除首尾空格

关于去掉两头空格，jquery库提供了$.trim()方法，可是JS呢，我写了.trim()，在FF里有效果，但在IE里就没效了。原因：如果浏览器实现了trim()，就有，如果浏览器没实现，只能用正则替换。function trimStr(str){return str.replace(/(^\s*)|(\s*$)/g,"");}用的时候就是直接

2015-12-23 11:11:53 12051

原创通过Ajax发送数据--jQuery方法

通过Ajax发送数据--jQuery方法.load()方法：$(document).ready(function(){ $('#letter a').click(function(event){ event.preventDefault(); $("#dictionary").load('a.html'); });});通过使加载的内容淡入

2015-12-22 17:07:29 2150

原创 jQuery中width()、innerWidth()、outerWidth()的区别

jQuery中width()、innerWidth()、outerWidth()的区别outerWidth()outerWidth()函数用于获取当前匹配元素的外宽度外宽度默认包括元素的padding、border但是不包括margin部分的宽度 innerWidth()innerWidth()函数用于设置或返回当前匹配元素的内宽度内宽度包括元素的padding，但

2015-12-18 17:29:23 2767

原创 CSS里的各种水平垂直居中

CSS里的各种水平垂直居中内联元素的特点：1.不占据一整行，随内容而定2.不可以设置宽高，也不可以设置行高，其宽度随内容增加，高度随字体改变3.可以设置内外边界，但内外边界不对上下起作用，只对左右起作用。块级元素的特点：1.总是在新行上开始，占据一整行2.高度，行高以及内边距和外边距都可以控制3....

2015-12-15 12:20:54 418

原创浮动元素无法撑开父元素--解决方法

浮动元素无法撑开父元素--解决方法定义div元素浮动之后，无法撑开父级元素，当定义父级宽度足够时里面的元素才能够浮动显示如何解决不用定义父级元素宽度，里面的子元素可以浮动并且自动撑开父级框：方法一：将父元素也设置为浮动style="float: left" class="div0"> class="div1" style="float: left

2015-12-14 16:05:36 5545

原创移动端与pc端公用一个域名

移动端与pc端公用一个域名移动端与pc端采用两种布局和样式，但是公用一个域名。当在pc端浏览网页时，采用pc端的样式加载页面，当在移动端浏览网页时，则直接跳转到移动端页面，域名不变（设备自适应网页加载的布局和样式）。在网页加载刚开始，对设备进行自主判断，相应加载移动端或者pc端布局和样式：对UA进行判断判断写在页面还没开始加载之前： chars

2015-12-07 17:51:00 8634

原创去掉点击出现的透明阴影--&&--去除iphone、ipad页面button默认样式--元素垂直居中

做好的页面在手机端测试时，发现部分浏览器，tap后会出现一个半透明的灰色背景，（被批...），起初以为是outline作怪，加上后发现没反应，最后发现是tap后的背景高亮，要重设这个表现，则需要设置-webkit-tap-highlight-color为所需色彩，直接透明吧：a,img,button,input,textarea{-webkit-tap-highlight-color:rgba

2015-12-04 14:53:08 2873