Saber 酱的抱枕

Fly me to the moon

08/27
2015
学习

使用js来判断浏览器

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来判断浏览器

08/26
2015
游戏

第九大陆萨满白色萌衣酷

第九大陆 萨满 萌衣酷

腾讯时期商城有卖很多永久时装,可惜那时候对游戏了解不多,也没闲钱,根本没想着买过。萌衣酷这东西大概是13年初出来的,那时候我是脱坑状态。现在到了15年,萌衣酷越发的稀少了,而且萌衣酷是装备绑定的,穿一套少一套。

我这身是8月15号收的,这时装当时卖的不到200元,现在已经450了。

不过,真的是非常萌啊~对我这个外观党来说,宁可花这钱去买时装,也不愿意去买装备的。

萌衣酷由两部分组成,头部和上衣。上衣穿上全身就变了。自带的猫耳(头部)太难看,我就没戴,还是用的兔耳朵(话说我收到的这个头部竟然是不绑定的。我认识的有个人的上衣是不绑定的,羡慕啊
Read More →

第九大陆萨满白色萌衣酷

08/26
2015
游戏

第九大陆萨满贴身内衣裤

第九大陆 萨满 贴身内衣裤

贴身内衣也是8月5号活动开出来的。想要凑齐6个部位可不容易啊Orz

尽管如此,萨满职业的贴身内衣基本是最难看的了。不想多说啥,美工爆炸吧

贴身内衣的腿部比较好,穿上之后腿型都变得光滑笔挺了,比其他时装好太多,可惜我没有别的时装来与之搭配。
Read More →

第九大陆萨满贴身内衣裤

08/26
2015
学习

使用CSS滤镜做模糊效果

今天在张鑫旭的网站看到了使用css的blur滤镜做模糊效果的例子:

.blur {    
    -webkit-filter: blur(10px); /* Chrome, Opera */
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);    
            filter: blur(10px);    
}

拿来测试了下,单靠这个的话,IE的一些版本会悲剧。不过可以尝试其他方法来弥补。

查看原文


使用CSS滤镜做模糊效果

08/25
2015
ACG

「乐园追放」安吉拉等臀大鼠标垫发售

安吉拉 乐园追放 鼠标垫 等臀

相信看过《乐园追放》的小伙伴们,都会感觉安吉拉美cry吧。安吉拉身材挺翘,怎能不让人prprpr。现在无良官方就推出了安吉拉的等臀大鼠标垫,实乃福音也ˋ( ° ▽、° )

买买买,不买还是人?(我就不买,我就bb
Read More →

「乐园追放」安吉拉等臀大鼠标垫发售

08/24
2015
学习

网页使用固定宽度布局,适应不同宽度的手机屏幕

今天完成了一个手机站专题的排版,然后到手机上测试缩放的时候出了问题,折腾半个上午,摸索出一些心得(后来发现,这就是固定宽度布局嘛)。

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布局。

网页使用固定宽度布局,适应不同宽度的手机屏幕

08/22
2015
学习

jq中获取checkbox的checked值

$("#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()方法。例子就是上边的代码了。

真想说过期信息害死人,以后搜索技术问题的时候最好去搜索选项里,把结果限制在最近一年之内。

jq中获取checkbox的checked值