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 84

转载 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 75

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

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

2014-07-22 16:52:00 123

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

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

2014-07-03 16:13:00 99

转载 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 168

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

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

2014-07-02 17:43:00 203

转载清除行内元素之间的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 88

转载 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 139

转载将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 75

转载 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 94

转载用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 1975

转载 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 106

diepaoqiang8835的博客