- 博客(52)
- 资源 (3)
- 收藏
- 关注
转载 margin-top margin-left兼容
常出现两种情况 (一)margin-top失效 先看下面代码:float:leftclear:both; margin-top:20px; 两个层box1和box2,box1具有浮动属性,box2没有,这时候设置box2的上边距 margin-top没有效果。www.webjx.com<style type="text/css">floa
2011-12-30 14:36:00 1013
转载 IE7、IE8、ff下的margin-top问题 折叠margin
下面是“折叠margin”的一些介绍:“collapsing margins”(折叠margin)的意思是:2个或以上盒模型之间(关系可以是相邻或嵌套)相邻的margin属性(这之间不能有非空内容、padding区域、border边框或使用清除分离方法)结合表示为一个单独的margin。在css2.1中,水平的margin不会被折叠。垂直margin可能在一些盒模型中被
2011-12-30 14:33:32 525
转载 CSS常见的让元素水平居中显示方法
用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。 1.使用自动外边距实现居中 CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-right属性设置为auto即可。在实际使用中,我们可以为这些需要居中的元素创建一个起容
2011-12-28 14:15:12 496
转载 RT8003: 'text-align' 特性在 IE6 IE7 IE8(Q) 中可以影响块级元素的对齐方式,并且在所有浏览器的混杂模式中均不能被 TABLE 元素继承
标准参考根据 CSS 2.1 规范中的描述,'text-align' 特性描述了一个块的行内内容的对齐方式。'text-align' 特性具备继承性,可以应用于块级元素、表格单元格及行内块级元素。也就是说,'text-align' 可以应用到块级元素、表格单元格及行内块级元素上,但仅对它们的行内内容起作用。但在更早版本的 CSS 1 规范中却规定,'text-align' 只能应用到块
2011-12-28 14:04:10 987
转载 IE5,IE6,IE7,IE8的css兼容性列表 .
At-rulesCSS 2.1: IE 5.0IE 5.5IE 6.0IE 7.0IE8 Beta 1IE8 Beta 2IE 8.0@charsetNoYesYesYesYesYesYes@importYesYesYesYesYesYesYes@medi
2011-12-28 14:00:34 633
转载 浏览器关闭监听事件,判断刷新还是关闭
使用onunload或onbeforeunload可以监听浏览器关闭事件,但是无法区分关闭与刷新。以下js代码可以部分监听关闭浏览器的事件! //鼠标相对于用户屏幕的水平位置 - 窗口左上角相对于屏幕左上角的水平位置 = 鼠标在当前窗口上的水平位置 var n = window.event.screenX - window.screenLeft; //鼠标在当前窗口内时,
2011-12-26 11:14:02 4677
转载 js坐标位置详解 及获取(ie ff)
JS中获得窗口属性的方法 1。获得屏幕的分辨率: screen.width screen.height 2。获得窗口大小: document.body.clientWidth document.body.clientHeight 3。获得窗口大小(包含Border
2011-12-26 10:04:14 733
转载 window.event.returnValue在IE和FireFox下的兼容写法
在ie下习惯用returnValue了,可是到了ff却用不了,郁闷……瞎折腾一番,终于搞了个兼容的方法,如释重负。。。。以下是我写的一段输入电话号码的js,注意其中黑体部分。js其实还是挺灵活的,直接用 if(window.event)它也能正常工作,还好对应于ie下的event.returnValue,FF中的是方法e.preventDefault()。代码如下 fun
2011-12-26 10:02:24 6057
转载 json安全输出解决方案
什么是jsonJSON(JavaScript Object Notation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一个子集。 JSON采用完全独立于语言的文本格式。官方网站:http://www.json.org/
2011-12-22 20:09:24 817
转载 JSON并没有人们想象中的那样安全
原文:http://getahead.org/blog/joe/2007/03/05/json_is_not_as_safe_as_people_think_it_is.html作者:Joe Walker译者:Tony Qu我最近看到过一些有关把JSON用于保密数据的讨论,而且我也不是很清楚有多少人了解其中的风险。我个人认为JSON只能用于可公开的数据,其他数据都不能使用J
2011-12-22 19:04:20 1216
转载 jsp中页面关闭时关闭session,cookie,页面缓存
[代码] 一、清除页面缓存 在jsp页里 01//在jsp页里 0203response.setHeader("Pragma","No-cache");04response.setHeader("Cache-Control","no-c
2011-12-22 10:54:36 725
转载 Hibernate映射文件配置技巧 .
很多人在java项目开发的时候,在处理数据库时都会用到数据库映射工具--Hibernate,而对Hibernate的配置文件(.hbm文件)都有所接触,但能够适当配置hbm需要相当的积累。或许Hiberntae还存在很多Bug吧,呵呵,还有待改进。 在java的PoJo类与数据库进行映射的时候,有时候数值型数据,如Int,Float,Double等在insert或者Update操作的时候
2011-12-21 13:43:26 455
转载 jQuery对from表单元素的操作
最近接触jquery比较多。其对form的操作跟js还是一定区别的。总之jquery功能强大,值得一学。//遍历option和添加、移除optionfunction changeShipMethod(shipping){var len = $("select[@name=ISHIPTYPE] option").lengthif(shipping.value != "CA
2011-12-19 17:41:48 634
转载 js内存泄露问题 .
JavaScript 是一种垃圾收集式语言,这就是说,内存是根据对象的创建分配给该对象的,并会在没有对该对象的引用时由浏览器收回。JavaScript 的垃圾收集机制本身并没有问题,但浏览器在为 DOM 对象分配和恢复内存的方式上却有些出入。Internet Explorer 和 Mozilla Firefox 均使用引用计数来为 DOM 对象处理内存。在引用计数系统,每个所引用的对象都会保留
2011-12-16 09:54:50 396
转载 读jquery之六(缓存数据)
很多同学在项目中都喜欢将数据存储在HTMLElement属性上,如view sourceprint?1 Test 2 3 div.getAttribute(data); // some data 4 给页面中div添加了自定义属性“data”及值“some data”。后续JS代码中使用getAttribute获取。 jQuery从1.2.3开始提供了
2011-12-16 09:52:52 489
转载 DIV+CSS常见错误汇总
CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误: 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div
2011-12-14 21:33:46 430
转载 语义化你的HTML标签和属性
分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记。换句话说,不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素,比如用来代替标记标题。首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大
2011-12-12 09:45:46 457
转载 关于Web前端开发,附:(百度web前端笔试面试题目)
关于Web前端及百度web前端笔试面试题目随着各大互联网公司设立了Web前端开发工程师、设计工程师等职位,web前端越来越得到互联网企业的认可。而且其重视程度与地位也随着浏览器 端的富客户端的体现而日益提高。 眼前对HTML5的未来和走向,业内的预测是会和Flash、Silverlight等相结合,从而取代传统的客户端应用程序。而实现这个目标的客户端核 心工作是有Web前端工程师来完成的。 从
2011-12-12 01:14:31 3058
转载 div被选择框select遮挡住的5种解决方法
div被选择框select遮挡住的5种解决方法一现象:在调整页面样式时,经常发现浮动层的div被select遮挡。效果如下:二.原因在IE中,select属于window类型控件,它会“挡住”所有非window类型控件可以这么理解,div这样的组件是在浏览器客户区使用代码“渲染”的,他们被渲染在客户区的绘画表面上,而select是使用的标准w
2011-12-09 14:14:22 3109
转载 JSCal2使用指南3
原文地址:JSCal2: JavaScript日历控件(三)JSCal2提供的静态方法。Calendar.dateToInt(date)参数:JS日期对象返回值:数字格式的日期Calendar.intToDate(numeric_value)参数:数字格式的日期返回值:JS日期对象Calendar.printDate(date, format)参数date:JS
2011-12-09 10:37:47 1630
转载 JSCal2使用指南1
原文地址:JSCal2: JavaScript日历控件(一)JSCal2是相当不错的JavaScript日历控件。JSCal2的特性:(1)可以选择单个日期、多个日期以及日期范围,按CTRL键可以选择多个独立的日期,按SHIFT键可以选择指定范围的日期;(2)支持两种模式:内联(inline)和弹出(popup);(3)可以设置失效日期,通过指定日期的最小值和最大值的方式,或者
2011-12-09 10:36:40 4237
转载 JSCal2使用指南2
原文地址:JSCal2: JavaScript日历控件(二)Calendar.setup(args)等价于new Calendar(args),用于创建一个Calendar。args是JavaScript键值对,包括以下属性:共用的属性animation:是否有动画效果。默认值为true(对于IE6,默认值为false)。bottomBar:是否显示Bottom Bar(用于显
2011-12-09 10:33:29 3232
转载 javascript如何读取Json数据结构节点的值?
javascript如何读取Json数据结构节点的值?下面json官方的js,结合ajax来读取解释json结构的数据。 //直接声明json数据结构 var myJSONObject = {"bindings": [ {"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"}, {"irc
2011-12-08 15:11:17 2866
转载 关于调整input里面的输入光标大小
以前在项目里碰到过一个问题input输入框用一个背景图模拟,设置height和line-height一样的高度,使里面的输入文字能够居中,在FF下出现的情况是:点击input时,输入光标其实上跟input的height一样高,但当开始输入文字时,光标又变得跟文字一样高,chrome下光标跟input的height一样高,而IE下光标跟文字的大小一致。初步结论如下:IE:不管该行有没
2011-12-07 17:54:00 12856
转载 input输入框的各种样式
输入框景背景透明:鼠标划过输入框,输入框背景色变色:<INPUT value="Type here" NAME="user_pass" TYPE="text" SIZE="29" onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'"style="width: 106; hei
2011-12-07 15:27:42 1270
转载 js与jquery获得页面大小、滚动条位置、元素位置
//页面位置及窗口大小function GetPageSize() {var scrW, scrH; if(window.innerHeight && window.scrollMaxY) { // Mozilla scrW = window.innerWidth + window.scrollMaxX; scrH = window.innerHeight
2011-12-06 18:19:00 480
转载 jquery浏览器滚动条
Google阅读器上有一个AJAX效果很不错,就是阅读项目时不需要翻页,浏览器滚动条往下拉到一定位置时自动加载新的一批项目进来,一直到所有项目加载完为止。对于我来说再好不过了,因为我很不喜欢翻页,尤其是输入页码再定位到页。要知道,数据量增加很频繁时,要通过定位页码来找到目标数据似乎并没有什么意义。我觉得用户体验成熟的WEB应用程序应当引导用户使用TAG或搜索等功能来找到目标数据。至于浏览数据,尤其
2011-12-06 18:11:13 978
转载 跨浏览器的CSS固定定位{position:fixed}
不知道您是否留意了,浏览本站时,浏览器右下角有一个标着top的黑色直角三角形,可以点击它返回到正在浏览的网页页眉。当滚动网页时,它的位置一直没有任何改变,您感觉它怎么样?这就是通过CSS的定位属性{position:fixed}来实现的,通过它可以让HTML元素脱离文档流固定在浏览器的某个位置。IE7、Firefox、Opera,都支持CSS的{position:fixed},所以很容易实
2011-12-06 16:43:44 515
转载 jquery.Validation 中文说明
在做项目时,我们不仅要在服务器端进行一些验证,一般也在要客户端进行验证,这样才能以最快的时间将一些错误反馈给用户,让用户不必在点击了提交按钮后才得知自己录入错了一些东西。说明:提交表单,并进行验证,这时第一个示通过验证的表单元素会获得焦点。 当验证失败后,这时如果元素的值发生变化会自动进行验证,而不是像第一次一样需要提交表单来触发验证。 validation插件中的选择项:
2011-12-06 15:55:47 552
转载 jquery.validate remote 和 自定义验证方法
$(function(){var validator = $("#enterRegForm").validate({debug:false, //调试模式取消submit的默认提交功能//errorClass: "error",//默认为错误的样式类为:error//validClass: "check",//验证成功后的样式,默认字符串validfocusInvalid: t
2011-12-06 15:54:30 497
转载 新浪微博前端解析
题记:搞前端的同学也许都知道一个数字——4 秒,有研究表明,如果一个网站没有在4 秒之内加载完成,用户就会感到焦躁不愉快,并离开这个网站。网站的内容、搜索引擎优化、用户体验?哪个更重要呢?在速度面前,也许这些都相对更次要。所以提高网页效率,是我们在新版微博的第一目标。从四个方面来浅谈我们新版微博的优化。 一、 HTTP 请求数的权衡 1、为什么要关心http请求? 当浏
2011-12-05 15:07:28 4777
转载 W3C标准简介
W3C是英文 World Wide Web Consortium 的缩写,中文意思是W3C理事会或万维网联盟。 W3C组织是对网络标准制定的一个非赢利组织,像HTML、XHTML、CSS、XML的标准就是由W3C来定制。W3C会员包括生产技术产品及服务的厂商、内容供应商、团体用户、研究实验室、标准制定机构和政府部门,一起协同工作,致力在万维网发展方向上达成共识。W3C推出的主要规范
2011-12-05 14:17:42 1077
转载 W3C标准学习心得
1、页面中不应该出现如,而应该用来替代之。 2、DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是说明版本。要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效。 3、有三种DTD可以选择:Transitional,Strict,Frame
2011-12-05 14:11:06 457
转载 W3C标准是什么,需注意哪些问题?
网站要通过W3C标准,需要注意以下几个问题: 1.XHTML 1.0 文件类别宣告的正确写法 (不可小写) A:过度标准(Transitional) B:框架标准(Frameset) "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> C: 严格标准(Strict) 包含以上须注意的问题,还有其他更严
2011-12-05 14:03:26 407
转载 jquery-autocomplete 使用手册
jquery-autocomplete学习一、用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/当前版本:1.0.2需要JQuery版本:1.2.6二、使用cript">cript">autocomplete( url or data, options ) Retur
2011-12-05 11:24:34 322
转载 [jQuery]使用jQuery.Validate进行客户端验证(高级篇-下)——不使用微软验证控件的理由
继续上一篇文章使用jQuery.Validate进行客户端验证(高级篇-上),本文将继续介绍jQuery.Validate的高级应用——jQuery.Validate的AJAX验证及简单扩展。今天主要介绍的内容有:1、如何使用jQuery.Validate进行AJAX验证?2、默认jQuery.Validate在进行AJAX验证时返回必须是bool类型,如何返回一个对象包括错误消息及验
2011-12-05 11:20:45 363
转载 [jQuery]使用jQuery.Validate进行客户端验证(高级篇-上)——不使用微软验证控件的理由
在上一篇使用jQuery.Validate进行客户端验证(中级篇-下)中我介绍了jQuery.Validate在日常使用的过程中会遇到哪些问题及解决办法,今天的高级篇则主要是对jQuery.Validate的一些高级应用进行介绍。本篇主要介绍为以下2点:1、扩展验证规则,jQuery.Validate只提供了一些基本的验证功能,并不能满足我们日常开发的需求,所以我们要为jQuery.Val
2011-12-05 11:19:00 441
转载 总结CSS对IE与FF兼容性的经验
IIE与FF兼容性是网页设计要经常考虑的问题. 这里从网上收集了IE7,6与Fireofx的兼容性处理技巧,对于web2.0的过渡,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。 CSS技巧 1、浮动ie产生的双倍距离 以下为引用内容: #box{ float:left; width:100px; ma
2011-12-05 09:20:56 494
转载 CSS之IE与FF,SF,OP兼容
DIV CSS设计时IE6、IE7、FF 与兼容性有关的特性2008-03-28 14:21在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!所有浏览器 通用 height: 100px;IE6 专用 _height: 100px;IE6 专用 *he
2011-12-05 09:17:14 536
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人