fengqifei - 博客园

路由器UI

摘要： text-align:center属性对块元素无效。css中的background:#ccc url(../images/xx.jpg)后面的内容（no-repeat center等）要加空格，不然在IE 6 7 8无效；jQuery中的animate不能设置background的颜色，能设置哪些元素可百度："jquery background";jQuery获取同级元素中除自己以外的所有元素的方法$(this).siblings().比如: a b c d 要获取除第三个元素以外的所有元素，$(".c").siblings() 阅读全文

posted @ 2014-01-02 16:15 fengqifei 阅读(95) 评论(0) 推荐(0)

浏览器插件检测

摘要：不推荐使用navigator.appName来获取浏览器信息，因为其返回的结果不精确alert(navigator.userAgent);//比较常用的获取浏览器信息的方法alert(navigator.platform);//显示用户的操作系统//browserdetect.js文件可以快速检测浏览器//alert(BrowserDetect.searchVersion);/*插件检测for (var i = 0; i "); document.write("文件名：" + navigator.plugins[i].filename + "" 阅读全文

posted @ 2013-12-10 08:24 fengqifei 阅读(153) 评论(0) 推荐(0)

BOM3 定时器，location

摘要： //超时调用setTimeout，超过多长时间执行程序，只执行一次window.setTimeout("alert('feng')",1500);//不推荐的写法，扩展性不好，封装性也不好setTimeout(function(){alert("kathy")},2000);//推荐写法var box = setTimeout(function(){document.write("kathy" + "")},2000);clearTimeout(box);//取消超时调用间歇调用setInterv 阅读全文

posted @ 2013-12-06 08:23 fengqifei 阅读(180) 评论(0) 推荐(0)

BOM2 获取浏览器大小位置信息及兼容写法

摘要： 1.获取浏览器位置及兼容写法 screenLeft、screenTop:除FIREFOX以外的浏览器都支持; screenX、screenY:除IE以外的所有浏览器都支持兼容写法 var leftX = typeof window.screenLeft == "number" screenLeft : screenX; var topY = typeof window.screenTop == "number" screenTop : screenY;2.获取浏览器窗口大小及兼容写法firefox 内容大小:innerWidth,innerHeight 阅读全文

posted @ 2013-11-26 07:04 fengqifei 阅读(196) 评论(0) 推荐(0)

BOM1

摘要： window对象的内置弹出alert();弹出括号里面需要显示的内容 confirm();括号里面传入提示信息，会弹出确定或取消两个按钮，点确定返回true,取消返回false; pompt();括号里面输入两个参数，前面是提示信息，后面是默认参数。window.confirm("请");if(confirm("请选择")){alert("您按了确定");}else{alert("您按了取消按钮");}var box = prompt("请输入一个名字","kathy");i 阅读全文

posted @ 2013-11-21 08:29 fengqifei 阅读(141) 评论(0) 推荐(0)

JS 匿名函数与闭包

摘要： /*我们想要的结果是循环显示出0，1，2，3，4*/function box(){ var arr = []; for (var i=0;i<5;i++){ return arr[i] = function(){ return i; } } return arr;}var b = box();for(var i=0;i<5;i++){ alert(b[i]);//这里中会循环显示5，因为闭包里面的函数并没有执行，要改成return arr[i] = (function(){return i})();}//创建一个构造函数式的对象function User... 阅读全文

posted @ 2013-11-19 08:27 fengqifei 阅读(126) 评论(0) 推荐(0)

ul水平居中，导航栏logo 与导航混排的一种技巧

摘要： 1.ul中的li居中：ul作导航时，想实现li垂直和水平居中，为ul添加text-align:center和line-height:100%，li用display:inline.如果用float的话，垂直不居中.2. 把ul嵌套在div中时，整个ul又没办法居中了。无论是对div定义line-height，text-align,还是对ul定义margin:0 auto都不起作用，测试了一下，父元素中的line-height只对文字起作用。只能把ul的高度设置和父元素的div一样高，这样解决水平居中的问题。3.当div中嵌套了img(通常是logo)和ul 时，可以把logo图片作为ul的bac 阅读全文

posted @ 2013-11-09 09:13 fengqifei 阅读(1058) 评论(0) 推荐(0)

IE6 PNG透明度

摘要：我们都知道在目前所用的png图片透明解决方案基本都是使用滤镜、xpression、透明gif替代。但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat。而这次的js插件使用了微软的VML语言进行绘制且不需要引入其他文件，一个小小的js文件(DD_belatedPNG)就可以完美解决png不透明的bug,就连img标签和hover伪类也可以很好的解决。因为是针对IE6的，所以在head标签中添加以下代码,只是在IE6时才执行：如果是熟悉jquery的写法的，就能够很好的理解这个js文件，其实我们在用的时候，只要在html文件中给要阅读全文

posted @ 2013-11-08 11:01 fengqifei 阅读(160) 评论(0) 推荐(0)