11 2014 档案

<META http-equiv=X-UA-Compatible content=IE=EmulateIE7>
摘要： 未来兼容性中的 META 标记和锁定 注意：本文档是预备文档，随时可能变更。 对于 Web 开发人员来说，文本兼容性是一个要考虑的重要问题。Windows Internet Explorer 8 引入了文本兼容性模式，该模式允许 Web 开发人员将浏览器设置为以与旧版本相同的方式显示网页，从而允许开发人员选择更新时间。 本 文档将介绍由 Windows Internet Explorer 8 支持的文本兼容性模式，以及如何使用自定义标头基于每个页面或每个站点实现这些模式。实现适当的兼容性模式后，可以确保站点与 Windows Internet Explorer 8 及更高版本兼容。 各种兼容性模式 Windows Internet Explorer 8 支持多种兼容性模式，它们可启用不同的受支持的功能，并影响内容的呈现方 阅读全文
posted @ 2014-11-26 16:03 豫见世家公子 阅读(509) 评论(0) 推荐(1)
IE6不支持li:hover的解决办法，一句代码让IE6支持li：hover
摘要： 如果不是因为工作需要，我根本不会理会IE6的兼容问题，甚至我都不想理会IE的所有内核，不过IE9用了下，我还是重新对IE报以期待的。话题扯远了，下面回到话题上来吧。 这次要说的内容就是，如果让IE支持li:hover（还有之类的span:hover、div:hover），用过的都应该差不多清楚，IE6只能识别a:hover，但有时候用UL、LI做下拉列表，IE6就一直让我很头疼。 有人用的解决办法可能第一反应就是去网上找相关的JS来代替hover，其实有个超级简单的方法，就是在LI标记里加一个A标记，然后定义这个A标记为display:block即可，然后就可以把这个A标记宽高设置和LI一样，这样就很兼容IE6了， 阅读全文
posted @ 2014-11-26 15:39 豫见世家公子 阅读(313) 评论(0) 推荐(0)
li:hover在ie6下失效的解决方案
摘要： li:hover在ie6下是无效的,它只在ie7以下版本有效.要解决这个问题有两个解决方法.一个是用js来解决,但是这种方法我不喜欢,因为它必需把js代码和css代码都放在html文件中.第二种是在每个li外面包裹一个 加了IE6条件注释的 用A包裹了的table 类似于: HTML code xxxxxxxxxx 阅读全文
posted @ 2014-11-26 15:38 豫见世家公子 阅读(295) 评论(0) 推荐(0)
网站布局--瀑布流式布局
摘要： JS实现的主要思路： 有兴趣的同学可以看一下： 一个是对现有数据块进行排列计算各自所在的位置； 二是下拉滚动时，触发加载数据操作，并把数据添加到目标容器中。 1) 数据块排列，算法步骤简述下： · 初始化时，对容器中已有数据块元素进行第一次计算，需要用户给定: a，容器元素 — 以此获取容器总宽度； b，列宽度； c，最小列数； · 最终列数取的是容器宽度/列宽度和最小列数的最大值，这样保证了，当窗口很小时，仍然出现最小列数的数据； · 获得列数后，需要保存每个列的当前高度，这样在添加每个数据块时，才知道起始高度是多少； · 依次取容器中的所有数据块，先寻找当前高度最小的某列，之后根据列序号，确定数据块的left，top值，left 为所在列的序号乘以列宽，top 为所在列的当前高度，最后更新所在列的当前高度加上这个数据块元素的高度，至此，插入一个元素结束； · 当所有元素插入完毕后 阅读全文
posted @ 2014-11-26 15:36 豫见世家公子 阅读(658) 评论(0) 推荐(0)
HTML中为何P标签内不可包含块元素？
摘要： 起因：在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误，甚是诧异。于是究其原因，发现块级元素P内是不能嵌套DIV的。 深究：我们先来认识in-line内联元素和block-line块元素，因为HTML里几乎所有元素都属于内联元素或者块元素中的一种。 in-line这个词有很多种解释：内嵌、内联、行内、线级等，但是，它们都是表示相同的意思，在这里我们选择习惯的叫法–内联。 先看下面的例子你就能明白两者的差别： 测试一下块元素与内联元素的差别 测试一下块元素与内联元素的差别 阅读全文
posted @ 2014-11-26 15:25 豫见世家公子 阅读(774) 评论(0) 推荐(0)
js判断鼠标位置是否在某个div中
摘要：div的onmouseout事件让div消失时，会出现这样的情况，就是当鼠标移至div中的其它内容时，此时也判定为离开div，会触发 onmouseout事件，这样div中的内容就不能操作了。解决的办法是当触发onmouseout事件时，先判断鼠标是否在div内，如果在，说明鼠 标并没有离开div，就不删除div，否则，删除之。OK,现在问题解决了。 就是找到该div左上角和右下角坐标，判断鼠标的坐标是否在这一区域就可以了。 阅读全文
posted @ 2014-11-26 12:41 豫见世家公子 阅读(4328) 评论(0) 推荐(0)
拒绝图片延迟加载，爽爽的看美图
摘要： 有一天我一个朋友访问一个XX图片网站……每个人背后总有几个背黑锅的“朋友”，好吧，我承认那个“朋友”其实是我自己，你能把我怎么的？ 这个网站用的是Discuz X2搭建的，启动了Discuz的图片延迟加载的功能。现在很多图片网站为了降低服务器压力都启用了图片延迟加载的机制，也就是只有图片处于可视区域才加载，这样用户没看到的图片就不加载，对于服务器的负载减轻还是帮助很大的。大致的原理是，对于图片标签不是把图片的路径指定到src属性上，src属性指定一个非常小的空白图片，真正的图片地址设置到一个自定义的属性上，比如file，由于图片的地址指定到了一个自定义属性上，所以img不会去加载那个图片。当图片在浏览器上加载的时候显示的那个非常小的空白图片blank.jpg 阅读全文
posted @ 2014-11-25 14:04 豫见世家公子 阅读(321) 评论(0) 推荐(0)
PHP为什么会被认为是草根语言？
摘要： 从PHP诞生之日起，PHP就开始在Web应用方面为广大的程序员服务。同时，作为针对Web开发量身定制的脚本语言，PHP一直秉承简单、开源的 思想，这也使得PHP得以快速的发展，并且大力地推动Web2.0的出现与发展。但是，长期以来，PHPer(PHP Programmers)被认为是处于草根阶层的程序员，被认为是技术含量少，层次低的程序员。这点在国内尤其突出。 记得一个技术主管说过这样一个事情。他给一个程序员分配了PHP的开发任务，没想到那个程序员居然说：“我是学Java出身的，你让我去写 PHP，你这不是在贬低我吗？”。这件事情给我印象很深、触动也很大。虽然这不能代表大部分程序员的看法，但是这么认为的人应该不少。还有人说，现在如果 是大型的政府项目，PHP是肯定不会被列入考虑的范围之内的。 那么为什么PHPer会被认为是草根阶层 阅读全文
posted @ 2014-11-24 15:01 豫见世家公子 阅读(222) 评论(0) 推荐(0)
Jquery焦点图实例
摘要： 对于很多建站的朋友来讲，焦点图并不陌生，一般的企业站，门户站都会用到焦点图。我们平时在写html代码的时候，很多人为了省时省力，对于焦点图都是在网上下载一些人家写好的代码，直接套上去即可，很多时候我自己也是这样来的。因为一个焦点图有html布局，css样式调试和最关键的 javascript语句的编写。这些都是一个很麻烦的过程。 今天我就以实例讲解，手把手教你如何写Jquery焦点图。Jquery是js封装的框架，让js的语法变得简单，很多知名网站都在用这个框架。这里星仔为了语法的简单，让大部分网友能看懂，也引用Jquery框架。 长话短说，我直接贴出源代码，和对应的注释。如果想要体验效果可以点击文章后而给的示例连接。 阅读全文
posted @ 2014-11-24 13:25 豫见世家公子 阅读(523) 评论(0) 推荐(0)
jquery-mobile表单提交问题
摘要： 关于使用jquery-mobile表单提交遇到的问题 当你使用了jquery-mobile的时候，如果你在前台提交一个了一个form表单，而在后台你处理完业务逻辑之后想要重定向到另一个方法或页面的时候。 切记要在form表单处添加一个data-ajax=“false”。 因为jquery-mobile默认是以ajax方式提交。 （最明显的表现是，你在后台明明使用了重定向，但是URL上面的链接却没有变化） 阅读全文
posted @ 2014-11-21 16:14 豫见世家公子 阅读(626) 评论(0) 推荐(0)
jQuery.Validate验证库详解
摘要：jQuery.extend(jQuery.validator.messages, { required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", dateISO: "请输入合法的日期 (ISO).", number: "请输入合法的数字", digits: "只能输入整数", creditcard: "请输入合法的信用卡号", equalTo: "请再次输入相同的值", accept: "请输入拥有合法后缀名的字符串", maxlength: jQuery.validator.format("请输 阅读全文
posted @ 2014-11-21 14:38 豫见世家公子 阅读(828) 评论(0) 推荐(1)
jQuery Ajax 实例 ($.ajax、$.post、$.get)
摘要： Jquery在异步提交方面封装的很好，直接用AJAX非常麻烦，Jquery大大简化了我们的操作，不用考虑浏览器的诧异了。 推荐一篇不错的jQuery Ajax 实例文章，忘记了可以去看看，地址为：http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 和 http://www.w3school.com.cn/jquery/ $.post、$.get是一些简单的方法，如果要处理复杂的逻辑，还是需要用到jQuery.ajax() 一、$.ajax的一般格式 $.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType }); 阅读全文
posted @ 2014-11-15 15:35 豫见世家公子 阅读(494) 评论(0) 推荐(0)
原生js记住密码
摘要：js COOKIE 记住帐号或密码 用户名: 密码： 记住密码 阅读全文
posted @ 2014-11-14 13:53 豫见世家公子 阅读(1163) 评论(0) 推荐(0)
静态网站公用的部分模块的引用（设置）方法
摘要：关于静态网站使用一个共同的头部和尾部，方便网站的维护和管理，如果你修改页面的头部内容和广告的时候，可以只修改一个页面整个网站的头部和尾部都改变了。 1：使用ssi技术页面生成shtml文件，只用在头部文件位置加入;，然后修改的时候只要修改header.html文件就可以了。使用shtml的好处是对搜索引擎比较友好，需要处理的文件在服务器端完成的，不会加 重访问者的浏览器负担。 2：使用js 建立一个head.js的文件， 找一个html转js的网站 然后把你头部的html代码转化成js代码，并放在head.js文件里面。 然后在需要调用head文件代码的地方添加 这个地方src="js/head.js"的路径是你head.js文件的路径。 这个样子就可以了~ 这种方式的优点是方便，便于修改。 阅读全文
posted @ 2014-11-13 16:46 豫见世家公子 阅读(508) 评论(1) 推荐(0)
针对特定浏览器起作用的CSS: IE Chrome Firefox CSS Hack
摘要： 只在Firefox上应用的CSS Hack，虽然这种情况非常少，但有时也会碰到： @-moz-document url-prefix() { .cssSelector { font-size: 14px; } } Chrome的CSSHack 只在Chrome上应用的CSS Hack，目前这种情况还没有碰到（使用Chrome作为开发浏览器的原因？），有备无患吧。 @media screen and (-webkit-min-device-pixel-ratio:0) { #test1{color:red;} } IE6/7/8/9+的CSS Hack 只在IE上应用的CSS Hack, 这种情况几乎经常碰到, 这里使用的是一种通用的方法，情况复杂，需要先划分一下版本： 在body 阅读全文
posted @ 2014-11-12 16:22 豫见世家公子 阅读(496) 评论(0) 推荐(0)
HTML5 video 视频标签全属性详解
摘要：现在如果要在页面中使用video标签，需要考虑三种情况，支持Ogg Theora或者VP8（如果这玩意儿没出事的话）的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、Chrome），都不支持的（IE6、7、8）。好吧，现在让我们从技术层面来认识HTML 5的视频，包括video标签的使用，视频对象可以用到的媒介属性和方法，以及媒介事件。 Video标签的使用 Video标签含有src、poster、preload、autoplay、loop、controls、width、height等几个属性， 以及一个内部使用的标签。Video标签内除了可以包含标签外，还可以包含当指定的视频都不能 播放时，返回的内容。 (1) src属性和poster属性 你能想象src属性是用来干啥的。跟标签的一样，这个属性用于指 阅读全文
posted @ 2014-11-07 17:36 豫见世家公子 阅读(822) 评论(0) 推荐(0)
js for循环，为什么一定要加var定义i变量
摘要：我知道，有些人（譬如之前的我）写js的for循环时，都不习惯加上var，这当然是语法允许的。譬如下面。　　 for(i=0;i10;i++){//就不写成: var i=0 　　　alert(i); } 　　但是，这真的不是个好习惯，下面我就说说为什么写Js的for循环一定要加var，否则会时不时给你带来烦人难查的bug。 　　譬如现在我们要实现这样的功能：输出　　 　　10 　　20 　　30 　　40 　　50 　　60 　　70 　　80 　　90 　　100 　　通过下面code实现，WriteNumber从1到10循环，每次循环调用TenTimes方法返回10倍的索引值。　 复制代码 1 复制代码 　　你会发现最终只输出了10。大家可以用下面的代码框运行测试。 阅读全文
posted @ 2014-11-07 10:53 豫见世家公子 阅读(4893) 评论(1) 推荐(0)
用谷歌浏览器来当手机模拟器
摘要：很多网站都通过User-Agent来判断浏览器类型，如果是3G手机，显示手机页面内容，如果是普通浏览器，显示普通网页内容。 　　谷歌Chrome浏览器，可以很方便地用来当3G手机模拟器。在Windows的【开始】--【运行】中输入以下命令，启动谷歌浏览器，即可模拟相应手机的浏览器去访问3G手机网页： 谷歌Android： chrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1" 　　苹果iPhone 4： chrome.exe --user-agent="Mozil 阅读全文
posted @ 2014-11-06 13:11 豫见世家公子 阅读(315) 评论(0) 推荐(0)
placeholder在不同浏览器下的表现及兼容方法
摘要：1、什么是placeholder？ placeholder是html5新增的一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点（或输入内容）时，提示文字消失。 写法如下： 2、placeholder的浏览器兼容性和在不同浏览器下的表现 由于placeholder是html5的新属性，可想而知，仅支持html5的浏览器才支持placeholder，目前最新的firefox、chrome、safari以及ie10都支持，ie6到ie9都不支持。 下面是其在各个浏览器下的显示效果： 可以看出，placeholder的文字在各个浏览器下基本都是淡灰色显示。 不同的地方在于，在ff和chrome下，输入框获得焦点时，placeholder文字没有变化， 阅读全文
posted @ 2014-11-05 11:15 豫见世家公子 阅读(539) 评论(0) 推荐(0)
鼠标放在图片上指针变成放大镜形状
摘要：img{cursor:url('cursor.ico或cursor.cur'),auto} cursor是支持自定义图标的 只要定义该元素的样式，给定路径后，就可以加载。 不过要注意的是，考虑到IE的兼容性问题，最好使用ico或cur格式的文件，分辨率最好是32×32 阅读全文
posted @ 2014-11-04 13:21 豫见世家公子 阅读(855) 评论(0) 推荐(0)
PS如何查找自己想要的字体
摘要：曾经很多人问我，这是什么字体，答曰：“不知道”，自己平时在作图时也经常会遇到这样的问题，于是我就把文字打出来，然后比照PS里边已经导入的字体挨个试验，这样不仅浪费了大量的时间和精力，而且比对完后，各种眼睛疼，腰疼，脖子疼，于是就上网各种搜索，结果还是一无所获。后来一同事告诉我，何必这么麻烦，网上有一个求字体网，很容易就能找到自己想要的字体，然后我就各种汗，结果一用，还真特么管用，唉~，谁让我不是专业的射即湿呢。今天我就把这个发现分享给广大的朋友们，希望能帮到你们，已经知道如何简单快速地找到自己想要的字体的大神们可以飘过，新手或还不知道此类技术的朋友们自己可以去试试哈，具体的方法我就不再一一分享了。 求字体网：http://www.qiuziti.com 阅读全文
posted @ 2014-11-04 13:19 豫见世家公子 阅读(1203) 评论(0) 推荐(0)
网页常用字体
摘要：Georgia ABCDEFGHIJKLMNOPQRSTUVWXYZ（26px） abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ （22px） abcdefghijklmnopqrstuvwxyz 0123456789 Impact ABCDEFGHIJKLMNOPQRSTUVWXYZ （26px） abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ （22px） abcdefghijklmnopqrstuvwxyz 0123456789 Verdana ABCDEFGHIJKLMNOPQRSTUVWXYZ（24px） 阅读全文
posted @ 2014-11-04 13:09 豫见世家公子 阅读(293) 评论(0) 推荐(0)
JS倒计时代码
摘要：第一种：精确到秒的javascript倒计时代码 HTML代码: 离2010年还有: 阅读全文
posted @ 2014-11-04 13:08 豫见世家公子 阅读(397) 评论(0) 推荐(0)
JavaScript 导出Excel 代码
摘要：WEB页面导出为EXCEL文档的方法WEB页面导出为EXCEL文档的方法列标题1列标题2列标题3列标题4列标题5aaabbbcccdddeeeAAABBBCCCDDDEEEFFFGGGHHHIIIJJJ---下面是处理excel 进程关闭问题----------------------// Java... 阅读全文
posted @ 2014-11-04 13:07 豫见世家公子 阅读(265) 评论(0) 推荐(0)
event.keycode大全(javascript)
摘要：keycode 8 = BackSpace BackSpacekeycode 9 = Tab Tabkeycode 12 = Clearkeycode 13 = Enterkeycode 16 = Shift_Lkeycode 17 = Control_Lkeycode 18 = Alt_Lkeyc... 阅读全文
posted @ 2014-11-04 13:06 豫见世家公子 阅读(207) 评论(0) 推荐(0)
JavaScript验证函数大全
摘要：1. 长度限制2. 只能是汉字3." 只能是英文4. 只能是数字5. 只能是英文字符和数字6. 验证油箱格式7. 屏蔽关键字(这里屏蔽***和****)8. 两次输入密码是否相同屏蔽右键 很酷oncontextmenu="return false" ondragstart="return fals... 阅读全文
posted @ 2014-11-04 13:05 豫见世家公子 阅读(627) 评论(0) 推荐(0)
JavaScript事件大全
摘要：click() 对象.click() 使对象被点击。closed 对象.closed 对象窗口是否已关闭true/falseclearTimeout(对象) 清除已设置的setTimeout对象clearInterval(对象) 清除已设置的setInterval对象confirm("提示信息") ... 阅读全文
posted @ 2014-11-04 12:57 豫见世家公子 阅读(264) 评论(0) 推荐(0)
javascript事件大全4
摘要：javascript事件列表解说事件 浏览器支持 解说一般事件 onclick IE3、N2 鼠标点击时触发此事件ondblclick IE4、N4 鼠标双击时触发此事件onmousedown IE4、N4 按下鼠标时触发此事件onmouseup IE4、N4 鼠标按下后松开鼠标时触发此事件onmo... 阅读全文
posted @ 2014-11-04 12:53 豫见世家公子 阅读(183) 评论(0) 推荐(0)
JavaScript事件大全3
摘要：//无模式的提示框//屏蔽按键 屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键//屏蔽打印//移动的图层，拖动1.meizz2.wlecome//文档状态改变//刷新后不变... 阅读全文
posted @ 2014-11-04 12:52 豫见世家公子 阅读(263) 评论(0) 推荐(0)
javascript大全
摘要：事件源对象event.srcElement.tagNameevent.srcElement.type捕获释放event.srcElement.setCapture();event.srcElement.releaseCapture();事件按键event.keyCodeevent.shiftKeye... 阅读全文
posted @ 2014-11-04 12:51 豫见世家公子 阅读(168) 评论(0) 推荐(0)
Javascript刷新页面大全
摘要：非模态刷新父页面：window.opener.location.reload();模态刷新父页面：window.dialogArguments.location.reload();先来看一个简单的例子：下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说... 阅读全文
posted @ 2014-11-04 12:50 豫见世家公子 阅读(192) 评论(0) 推荐(0)
JavaScript验证正则表达式大全
摘要：JavaScript验证正则表达式大全,搜集最全的JavaScript验证正则表达式,开始查看吧，这里的都是正则表达式的例子，具体和函数结合的使用方法，还请查看下篇文章《JavaScript使用正则表达式进行验证》匹配中文字符的正则表达式： [u4e00-u9fa5]评注：匹配中文还真是个头疼的事，... 阅读全文
posted @ 2014-11-04 12:49 豫见世家公子 阅读(213) 评论(0) 推荐(0)
insertAdjacentHTML和insertAdjacentText方法
摘要：IE的DHTML对象提供了四个可读写的属性来动态操作页面元素的内容:innerText, outerText, innerHTML, outerHTML. 需注意两点: 1. 其中innerText,outerText属性的值是作为普通文本呈现的，即使它含有HTML标签也如实反应出来;而inne... 阅读全文
posted @ 2014-11-04 12:48 豫见世家公子 阅读(326) 评论(0) 推荐(0)
CSS实现样式布局
摘要：使用CSS建站时，您肯定遇到过形形色色的布局问题，最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易，当您遇到困难时为您提供快速参考。 1、有疑问，先验证 在调试时，先对您的代码进行验证往往能省去不少麻烦事。格式不正确的XHTML/CSS 会导致许多布局上的错误。在其他浏览器中进行测试之... 阅读全文
posted @ 2014-11-04 12:46 豫见世家公子 阅读(361) 评论(0) 推荐(0)
iis浏览网页时提示无法显示 XML 页
摘要：无法显示 XML 页。使用 样式表无法查看 XML 输入。请更正错误然后单击 刷新按钮，或以后重试。处理资源 'http://localhost/ 时出错。第 1 行，位置:2-^将xml转换成html需要的是xslt，不是css一般情况下，安装VS 2005时，安装程序会自动配置本地IIS服务使用... 阅读全文
posted @ 2014-11-04 12:41 豫见世家公子 阅读(591) 评论(0) 推荐(0)
IIS浏览提示无法显示网页的解决方法
摘要：1、错误号401.1 症状：HTTP 错误 401.1 - 未经授权：访问由于凭据无效被拒绝。 分析： 由于用户匿名访问使用的账号(默认是IUSR_机器名)被禁用，或者没有权限访问计算机，将造成用户无法访问。 解决方案： （1）查看IIS管理器中站点安全设置的匿名帐户是否被禁用，如果是，请... 阅读全文
posted @ 2014-11-04 12:36 豫见世家公子 阅读(2480) 评论(0) 推荐(0)
在dreamweaver中输入代码时不会有提示的解决办法
摘要：输入法造成的。 解决办法：编辑>首选参数>常规>取消“允许双字节内联输入”。 阅读全文
posted @ 2014-11-04 12:35 豫见世家公子 阅读(522) 评论(0) 推荐(0)
网站地图sitemap.xml的格式
摘要：URL列表—XML格式及规范说明：标签名称属性标签说明标签类型标签限制可选/必选urlset/urlset用来标记整个文档的开头//必选url/url标记每条信息的开始和结束/最多出现无限次必选loc/该条数据的存放地址url最小长度1个字符最大长度256个字符以"http://"开头必选lastm... 阅读全文
posted @ 2014-11-04 12:34 豫见世家公子 阅读(647) 评论(0) 推荐(0)
CSS对浏览器的兼容性(IE和Firefox)技巧整理
摘要：CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。C... 阅读全文
posted @ 2014-11-04 12:32 豫见世家公子 阅读(233) 评论(0) 推荐(0)
网页制作常见的问题（怎样兼容IE6/IE7/火狐浏览器）
摘要：1、IE6双边距问题？ 在IE6的浏览器中明明设置的是10px的margin却为什么显示的是20px的margin其实这个Ie6的一个双边距BUG例如:因为加上浮动后就会多出一倍的边距，浮动后本来外边距10px,但IE6会解析成20px,只需要在div的样式里加上display:inline;就可以... 阅读全文
posted @ 2014-11-04 12:31 豫见世家公子 阅读(214) 评论(0) 推荐(0)
CSS浏览器兼容的那些事儿
摘要：1.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定 line-height 。确保所有文字都有默认的 lin... 阅读全文
posted @ 2014-11-04 12:30 豫见世家公子 阅读(198) 评论(0) 推荐(0)
CSS透明属性详解
摘要：.transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}上面的几个属性分别是:opacity: 0.5; 这是最重要的，因为它是CSS标准.该属性支持firefox... 阅读全文
posted @ 2014-11-04 12:29 豫见世家公子 阅读(626) 评论(0) 推荐(0)
filter:alpha(opacity=100,style=1)
摘要：filter:alpha(opacity=100,style=1)1、opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明；2、style属性：设置渐变风格；0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。filter：alpha（opacity=opc... 阅读全文
posted @ 2014-11-04 12:27 豫见世家公子 阅读(399) 评论(0) 推荐(0)
网站结构之扁平结构与树形结构的区分
摘要：网站建设优化中，网站的结构是网站优化成败点，网站结构一般分为物理结构和逻辑结构。 物理结构就是也就是我们网站实际目录，或者说是文件实际的物理地址。物理结构一般分两种，一种是扁平的，一种是树型的。 网站的物理结构又可以分为扁平式，和树形结构 扁平结构：所有网页都在网站根目录，形成一个扁平的物理结... 阅读全文
posted @ 2014-11-04 12:26 豫见世家公子 阅读(1918) 评论(0) 推荐(0)
如何提高网站的访问速度
摘要：很多朋友都用虚拟主机来做网站，将网页文件存放在虚拟空间上，但是页面内容一多，网站打开的速度就显得特别慢，如果您碰到这种情况，与其寻求更好的空间， 不如通过优化网页代码来取得满意的速度。笔者总结了一些切实可行的方法，制作主页时，以下的方法可以令你的网页速度大大提高。 一、记得帮页面减肥 我们浏... 阅读全文
posted @ 2014-11-04 12:23 豫见世家公子 阅读(339) 评论(0) 推荐(0)
CSS透明度大汇总
摘要：近年来，CSS不透明算得上是一种相当流行的技术，但在跨浏览器支持上，对于开发者来说，可以说是一件令人头疼的事情。目前还没有一个通用方法，以确保透明度设置可以在目前使用的所有浏览器上有效。 这篇汇总主要是提供一些CSS不透明的详细介绍，代码示例和解释，以实现这项有用的CSS技术在您的项目中兼容所... 阅读全文
posted @ 2014-11-04 12:22 豫见世家公子 阅读(437) 评论(0) 推荐(0)
Microsoft.AlphaImageLoader滤镜讲解
摘要：Microsoft.AlphaImageLoader是IE滤镜的一种，其主要作用就是对图片进行透明处理。虽然FireFox和IE7以上的IE浏览器已经支持透明的PNG图片，但是就IE5-IE6而言还是有一定的意义。语法：filter : progid:DXImageTransform.Micros... 阅读全文
posted @ 2014-11-04 12:21 豫见世家公子 阅读(329) 评论(0) 推荐(0)
浏览器的渲染原理简介
摘要：看到这个标题大家一定会想到这篇神文《How Browsers Work》，这篇文章把浏览器的很多细节讲得很细，而且也被翻译成了中文。为什么我还想写一篇呢？因为两个原因，这篇文章太长了，阅读成本太大，不能一口气读完。花了大力气读了这篇文章后可以了解很多，但似乎对工作没什么帮助。所以，我准备写下这篇文章... 阅读全文
posted @ 2014-11-04 12:20 豫见世家公子 阅读(361) 评论(0) 推荐(0)
CSS中a标签样式的“爱恨”原则
摘要：CSS为一些特殊效果准备了特定的工具，我们称之为“伪类”。其中有几项是我们经常用到的，下面我们就详细介绍一下经常用于定义链接样式的四个伪类，它们分别是：1 :link2 :visited3 :hover4 :active因为我们要定义链接样式，所以其中必不可少的就是超级链接中的锚标签--a，锚标签和... 阅读全文
posted @ 2014-11-04 12:18 豫见世家公子 阅读(578) 评论(0) 推荐(0)
外部调用JS文件时出现中文乱码的解决办法
摘要：若测试网页的编码格式为：gb2312，而调用外部JS文件时出现了乱码（前提是JS文件无错误），则将调用的外部JS文件用记事本打开，然后再保存成编码格式为UTF-8的JS文件即可。若测试网页的编码格式为：UTF-8，则反之即可。 阅读全文
posted @ 2014-11-04 12:15 豫见世家公子 阅读(663) 评论(0) 推荐(0)
#nav li:hover ul 与#nav li a:hover ul 的区别
摘要：#nav li:hover ul 与#nav li a:hover ul 有什么区别？────────────────────────────────────────────#nav li:hover ul 与#nav li a:hover ul 的区别在于前者是鼠标在li上时的ul的样式后者是鼠标... 阅读全文
posted @ 2014-11-04 12:14 豫见世家公子 阅读(1095) 评论(0) 推荐(0)
css sprites介绍
摘要：一、CSS Sprites简介通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟，CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度。CSS S... 阅读全文
posted @ 2014-11-04 12:04 豫见世家公子 阅读(495) 评论(0) 推荐(0)
CSS样式优化
摘要：一、css代码优化作用与意义1、减少占用网页字节。在同等条件下缩短浏览器下载css代码时间，相当于加快网页打开速度2、便于维护。简化和标准化css代码让css代码减少，便于日后维护3、让自己写的css代码更加专业。二、css代码优化的方法1.使用简写如果你现在还对简写一点都不了解，那你就又写落伍了，... 阅读全文
posted @ 2014-11-01 16:43 豫见世家公子 阅读(376) 评论(0) 推荐(0)
网站页面常用的尺寸
摘要：一、网页设计中的高度和宽度1、高度高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值，因为每个人的浏览器的工具栏不同，我见过有的浏览器工具栏被插件占了半个屏幕，所以高度没有确切值。2、宽度1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003... 阅读全文
posted @ 2014-11-01 16:42 豫见世家公子 阅读(1142) 评论(0) 推荐(0)
display：inline、block、inline-block 的区别
摘要：一、块级元素 与行级元素要理解display:inline、block、inline-block的区别，需要先了解HTML中的块级（block）元素和行级（inline）元素的特点，行内元素也叫内联元素。1、块级元素总是另起一行开始；高度，行高以及顶、底边距都可以控制；宽度缺省是它所在容器的100%... 阅读全文
posted @ 2014-11-01 16:41 豫见世家公子 阅读(388) 评论(0) 推荐(1)
CSS文档流
摘要：很多CSS的书籍在谈到CSS的定位机制时都会提到一个关键词“文档流”，然而可能这词对于作者来说简单得不需解释吧，所以很少见到有这词的具体解释，然而本人认为弄懂本概念对能否很好理解整个定位机制来说很关键！网上查了一下网友的理解，再翻了下W3C，结合自己理解。可以用W3C上面的一句话来概括：“元素的... 阅读全文
posted @ 2014-11-01 16:39 豫见世家公子 阅读(281) 评论(0) 推荐(0)
通过jquery获取ul中第一个li的属性
摘要：当加载列表时，默认希望选中第一条。top_menu 为ul的ID 通过 $("#top_menu li:first") 就可以获取到 ul下第一个li标签。然后就可以利用 例如 修改属性：$("#top_menu li:first").attr("class","select"); 触发事件：$("#top_menu li:first").click(); 如果想获取li下的 a标签，如下： 阅读全文
posted @ 2014-11-01 16:36 豫见世家公子 阅读(965) 评论(0) 推荐(0)