

function getOs() { var OsObject = ""; if(navigator.userAgent.indexOf("MSIE")>0||navigator.userAgent.indexOf("Trident")>0) { return "MSIE"; } else if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ return "Firefox"; } else if(isMozilla=navigator.userAgent.indexOf("Opera")>0){ //这个也被判断为chrome return "Opera"; } else if(isFirefox=navigator.userAgent.indexOf("Chrome")>0){ return "Chrome"; } else if(isSafari=navigator.userAgent.indexOf("Safari")>0) { return "Safari"; } else if(isCamino=navigator.userAgent.indexOf("Camino")>0){ return "Camino"; } else if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){ return "Gecko"; } } alert("您的浏览器类型为:"+getOs());
这是使用js判断浏览器的代码,查找IE11的Trident字符是我填上去的,不然IE11就undefined的。恩,其他版本IE还不清楚状况如何。
ps:有的浏览器的UA是符合复数的条件的,比如pc上chrome的UA里就有"Safari"字符。不过好在代码里在"Safari"之前先判断了chrome,这样就不会错把chrome当做safari了。
所以实际使用中不要单独摘出一条就去用,否则可能会出错。
使用js来判断浏览器
腾讯时期商城有卖很多永久时装,可惜那时候对游戏了解不多,也没闲钱,根本没想着买过。萌衣酷这东西大概是13年初出来的,那时候我是脱坑状态。现在到了15年,萌衣酷越发的稀少了,而且萌衣酷是装备绑定的,穿一套少一套。
我这身是8月15号收的,这时装当时卖的不到200元,现在已经450了。
不过,真的是非常萌啊~对我这个外观党来说,宁可花这钱去买时装,也不愿意去买装备的。
萌衣酷由两部分组成,头部和上衣。上衣穿上全身就变了。自带的猫耳(头部)太难看,我就没戴,还是用的兔耳朵(话说我收到的这个头部竟然是不绑定的。我认识的有个人的上衣是不绑定的,羡慕啊
Read More →
第九大陆萨满白色萌衣酷
贴身内衣也是8月5号活动开出来的。想要凑齐6个部位可不容易啊Orz
尽管如此,萨满职业的贴身内衣基本是最难看的了。不想多说啥,美工爆炸吧
贴身内衣的腿部比较好,穿上之后腿型都变得光滑笔挺了,比其他时装好太多,可惜我没有别的时装来与之搭配。
Read More →
第九大陆萨满贴身内衣裤
这是快一个月之前的截图了。那天晚上,我整容整了4次,总算改的满意了一点,然后到1大陆自拍了几张,就暂时切出去游戏了。
等我回来的时候,惊讶的发现身边并排站了三个人!我马上意识到,拍合影照的机会来啦~
Read More →
第九大陆的一次合影
今天在张鑫旭的网站看到了使用css的blur滤镜做模糊效果的例子:
.blur { -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); }
拿来测试了下,单靠这个的话,IE的一些版本会悲剧。不过可以尝试其他方法来弥补。
使用CSS滤镜做模糊效果
相信看过《乐园追放》的小伙伴们,都会感觉安吉拉美cry吧。安吉拉身材挺翘,怎能不让人prprpr。现在无良官方就推出了安吉拉的等臀大鼠标垫,实乃福音也ˋ( ° ▽、° )
买买买,不买还是人?(我就不买,我就bb
Read More →
「乐园追放」安吉拉等臀大鼠标垫发售
今天完成了一个手机站专题的排版,然后到手机上测试缩放的时候出了问题,折腾半个上午,摸索出一些心得(后来发现,这就是固定宽度布局嘛)。
1.排版的时候用px排,在css里把body宽度固定,可以定成和设计稿一样,例如360px,640px。其他元素也都用px。
2.使用js动态设置viewport:
var scale=document.documentElement.clientWidth/640; // var scale=window.screen.width/640; var metaEl = document.createElement('meta'); document.querySelector("head").appendChild(metaEl); metaEl.setAttribute('name','viewport'); metaEl.setAttribute('content', 'width=device-width ,initial-scale=' + scale + ',maximum-scale=1.0, minimum-scale=0 ,user-scalable=no');
这里面的640改成自己给body定的的宽度。这个代码的意思就是把initial-scale倍数设置为浏览器device-width/网页固定的宽度,使得页面被缩放到适应屏幕宽度。
ps:本文最近做过更新,第二步动态设置viewport,虽然理论上是正确的,但我还没实践过。我现在尝试用rem布局。
网页使用固定宽度布局,适应不同宽度的手机屏幕
$("#box").change(function () { //此时获取的已经是change后的值了 if($(this).prop("checked")){//如果全选按钮已经被选中 $(".sub").prop("checked",this.checked); }else{//如果全选按钮未被选中 $(".sub").prop("checked",false); } });
#box是全选按钮(它也是个复选框),.sub是底下各个条目的复选框。用的是jq的.prop()方法。
刚才同学做全选功能,出了问题,来问我。我拿到代码试了试,点击全选按钮,然后获取并判断它的checked值,结果没反应。
然后去调试,发现发现获取到的复选框(checkbox)的checked值始终是undefined,选中了也不变。这还怎么做?
难道要把复选框放到form标签里才行?或者是需要手动加上checked这个属性?都试了试,完全没用
想想两年前还在学校的时候,就做过全选和反选这样的功能,怎么现在就做不出来了呢?这个郁闷啊
于是去百度“jq怎么获取checked值”,百度出来的各个教程的方法和我一样啊,怎么人家能用我就不能用?
最后直接百度“checkbox checked undefined”,总算找到答案了。
原来,在jquery1.6版本有了变更:
checked属性在页面初始化的时候已经初始化好了,不会随着状态的改变而改变。
也就是说如果checkbox在页面加载完毕时是选中的,那么返回的永远都是checked,如果一开始没被选中,则返回的永远是undefined。
然后怎么办呢, 用jq的.prop()方法。例子就是上边的代码了。
真想说过期信息害死人,以后搜索技术问题的时候最好去搜索选项里,把结果限制在最近一年之内。