浅唱年华1920 - 博客园

2016年6月22日

摘要：在很多网站中都有鼠标网上滚动头部就会滑出，继续往下滚动就会隐藏，下面看看实现方法这样用鼠标滚轮可以操控头部显示与隐藏，但是拖动滚动条确是没反应在谷歌火狐中也可以监听onscroll 他可以实现用鼠标拉滚动条也会有这样的效果，在IE中不行必须要使用滚轮事件，而且用onscroll事件监听，获取不阅读全文

posted @ 2016-06-22 15:44 浅唱年华1920 阅读(2058) 评论(0) 推荐(0) 编辑

JS实现拖动效果

摘要：有个问题就是该模块要使用定位，因为有left,top属性使用，绝对定位和相对定位都行，当然你也可使用margin-left,和margin-top这2个属性，替换left,top也是可以得这样就不用定位，仅供参考阅读全文

posted @ 2016-06-22 15:03 浅唱年华1920 阅读(327) 评论(0) 推荐(0) 编辑

2016年6月20日

子元素scroll父元素容器不跟随滚动JS实现

摘要：仅供参考：调用 parentNotRoll();函数，传入你需要实现滚动的元素ID或类即可实现阅读全文

posted @ 2016-06-20 16:46 浅唱年华1920 阅读(937) 评论(0) 推荐(0) 编辑

阻止浏览器默认行为

摘要： function stopDefault(){ var e = arguments.callee.caller.arguments[0] || window.event; if (e.preventDefault){//非IE e.preventDefault(); //IE中阻止函数器默认动作的方式 } else{//IE e... 阅读全文

posted @ 2016-06-20 16:14 浅唱年华1920 阅读(211) 评论(0) 推荐(0) 编辑

2016年4月27日

HTML 标签元素的 align 属性

摘要： align 属性规定段落中文本的对齐方式。有 left right center justify 这些参数 left right center 就是左对齐右对齐中间对齐 justify 对行进行伸展，这样每行都可以有相等的长度 CSS3 属性兼容性不是太好，移动端可用使用之前使用之后阅读全文

posted @ 2016-04-27 11:27 浅唱年华1920 阅读(651) 评论(0) 推荐(0) 编辑

2016年4月19日

JS计算时间差值

摘要： var d = '2016 04 30 11:28:04'; var currentDate = new Date();//当前时间 var endDate = new Date(d); //结束时间 var bad = endDate.getTime() - currentDate.getTime();//时间差好秒数 var badDay = Math... 阅读全文

posted @ 2016-04-19 13:38 浅唱年华1920 阅读(516) 评论(0) 推荐(0) 编辑

2016年3月11日

拒绝网页被 iframe 嵌套

摘要：在响应头里加一个X-Frame-Options DENY：浏览器拒绝当前页面加载任何Frame页面 SAMEORIGIN：frame页面的地址只能为同源域名下的页面 ALLOW-FROM origin：origin为允许frame加载的页面地址这样被不同源的页面以iframe包含时就不会显示了阅读全文

posted @ 2016-03-11 17:28 浅唱年华1920 阅读(4802) 评论(0) 推荐(1) 编辑

2016年3月10日

条件注释

摘要：  除IE外都可识别    <!--[if lt IE 6]> IE6以及IE6以下版本可识别阅读全文

posted @ 2016-03-10 17:49 浅唱年华1920 阅读(179) 评论(0) 推荐(0) 编辑

2016年3月4日

浮动元素居中

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.7.min.js" type="text/javascript" charset="utf-8"></scrip 阅读全文

posted @ 2016-03-04 14:41 浅唱年华1920 阅读(113) 评论(0) 推荐(0) 编辑

2016年3月3日

垂直居中

摘要：垂直居中，在实际应用中很多地方都会用到，当然也有很多方法可以实现，这里就说一种。用一个高度100% 宽1px 的空标签然后使用vertical-align: middle; 就可以在高度不固定的情况下自动居中 <div class="test"> <div> 你是谁是大师傅大师傅大师傅大师傅士阅读全文

posted @ 2016-03-03 15:43 浅唱年华1920 阅读(135) 评论(0) 推荐(0) 编辑