diepaoqiang8835-CSDN博客

转载 cookie

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">.float_mask{position: ...

2015-07-29 20:59:00 94

转载 12种JavaScript MVC框架之比较——转载

Gordon L. Hempton是西雅图的一位黑客和设计师，他花费了几个月的时间研究和比较了12种流行的JavaScript MVC框架，并在博客中总结了每种框架的优缺点，最终的结果是，Ember.js胜出。此次比较针对的特性标准有四种，分别是：UI绑定（UI Bindings）复合视图（Composed Views）Web表现层（Web Presentation ...

2014-09-30 11:15:00 86

转载页面响应式技巧-简摘

1、布局先创建一个非响应的布局，页面宽度固定大小。然后添加媒体查询（Media Queries）和响应式代码。这种操作方式更容易实现响应式特性，在同一时间专注于一个任务。然后做如下设置（屏幕按1：1的尺寸显示，在 iPhone 和其他智能手机的浏览器提供网站全视图浏览，并禁止用户缩放页面。）<meta name="viewport" cont...

2014-07-22 16:52:00 133

转载 js去除数组中的重复值

hasOwnProperty(property) 方法JavaScript中hasOwnProperty函数方法是返回一个布尔值，指出一个对象是否具有指定名称的属性。使用方法：object.hasOwnProperty(proName)其中参数object是必选项。一个对象的实例。proName是必选项。一个属性名称的字符串值。如果 object 具有指定名称的...

2014-07-03 16:13:00 115

转载 js实现两个翻页联动的效果

要求：（上下两个翻页效果联动，如下图示）简易css样式：<style>div,p,a{ margin:0; padding:0 }.mt20{ margin-top:20px }.box{ width:960px; margin:20px auto }.box a{ width:20px; height...

2014-07-03 10:11:00 178

转载 js实现多个滑动门在同一个页面展示效果

多个滑动门在同一个页面展示，在工作小组里面，一直是一个让人比较纠结的问题~学习库里面有一个技术同事5年前给封装的控件，大家就一直在用复用那个。最近项目里面用到的这个效果非常多，每次都要调用那个js控件，还得按规则匹配相应的id，真心觉得麻烦，就在想，为嘛不自己写一个可以通用的~ 于是，就有了下面这个脚本效果： js：...

2014-07-02 17:43:00 216

转载清除行内元素之间的HTML空白

原文连接：Remove Whitespace Between Inline-Block Elements原文日期： 2013年8月27日翻译日期： 2013年8月28日至今我还记得年轻是在IE6上开发的那些苦逼日子,特别希望IE浏览器采用 inline-block 的显示方式.行内块(inline-block)是非常有用的,特别是想要不用'block'和'float'...

2014-06-05 10:10:00 97

转载 getBoundingClientRect() 来获取页面元素的位置

一、样式：<style>body,div{ margin:0; padding:0}.div-info{ width:200px; height:200px;border:1px solid #ccc; background:#f2f2f2; font:normal 12px/22px SimSun; position:absolute;top:200px; ...

2014-04-28 19:27:00 148

转载将div固定在页面某处兼容ie6

一、样式：<style>body,div{ margin:0; padding:0}.wrap{width:1000px; margin:0 auto}.info{width:1000px; height:40px;background:#f2f2f2; text-align:center; font:normal 14px/40px 'Microsoft...

2014-04-28 18:47:00 83

转载 IE6实现max-height及min-height

一、max-height：.div-max-height{max-height:270px;_height:expression(this.scrollHeight > 270 ? "270px" : "auto"); overflow-y:auto}二、min-height.div-min-height{min-height:100px;_height:100px;o...

2014-04-28 17:58:00 105

转载用css3实现图片左右翻转

css3越来越受关注，自己也捣鼓个图片左右翻转的效果，供大家参考（有写的不好的地方欢迎指正）。一、样式：.FZ{ width:640px; margin:0 auto; border:1px solid #ddd; overflow:hidden}.FZ li{ width:150px;height:80px;margin:5px;float:left;position:...

2014-03-13 10:20:00 1996

转载 Div浮动层被Flash遮挡的简单解决方法

解决办法（添加下面所示红色加粗代码）：<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="173" he...

2014-03-11 16:43:00 115

diepaoqiang8835的博客