摘要:
侧边栏:图解:原理:当视窗Y滚动值大于侧边栏视窗Y偏移值时,设置侧边栏上偏移为前者与后者的差值。反之,设置侧边栏上偏移为初始值,此处为0。代码:var $sideBar = $("#sideBar"), $window = $(window), oTop = $sideBar.offset().top, barStyle = $sideBar[0].style, sTop; $window.scroll(function() { sTop = $window.scrollTop(); sT... 阅读全文
阅读排行榜
通过navigator.userAgent判断浏览器类型
2012-11-02 10:18 by 江苏黑马, 2776 阅读, 收藏,
摘要:
1、navigator.userAgent返回一个浏览器信息字符串。2、用到indexOf()方法,查找字符串中是否有指定的浏览器类型。3、if(navigator.userAgent.indexOf("MSIE")>0) { return "MSIE"; } if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ return "Firefox"; } if(isSafari=navigator.userAgent.indexOf("S 阅读全文
HTML5表单
2012-06-28 09:35 by 江苏黑马, 2083 阅读, 收藏,
摘要:
HTML5输入类型:search、url、email、tel、number、range、color、Date pickers (datetime,date, month, week, time,datetime-local)。由于当前浏览器支持效果不好,以下测试是在多个浏览器中的结果searchemailurlnumberrange datetelcolor代码: 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="t 阅读全文
W3school教程的准确性真的像大家想象的那样吗
2012-07-06 10:12 by 江苏黑马, 1491 阅读, 收藏,
摘要:
看到W3C教程知道IE和FF不支持NamedNodeMap.setNamedItem(),不信,做了实验:代码如下: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>DOM节点操作总结</title> 6 <script> 7 window.onload=function(){ 8 var $=function(id){ 9 return document.getElementById(id);10 阅读全文
自定义css reset
2012-07-25 11:05 by 江苏黑马, 1464 阅读, 收藏,
摘要:
不要盲目相信主流说法,*{margin:0;padding:0}或reset.css使用的margin和padding重置方法。大多数reset.css中的代码都是不需要的,让我们来试验下。body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}body) ff:ie:gg: 可见body的margin:0;是需要的,而padding:0;是不需要的。div) ff:ie:gg: 可见di... 阅读全文
浙公网安备 33010602011771号