html
溺水的鱼
这个作者很懒,什么都没留下…
展开
-
强制将IE8设置为IE7兼容模式来解析网页
英文原文:http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。前言为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE8引入了文件兼容性。在IE6中引入一个增设的兼容性模式,文转载 2012-03-16 10:33:43 · 1639 阅读 · 0 评论 -
文本域获得焦点置到内容的最后
//x为文本域对象function f_setCursorPos(x){ var txtRange = x.createTextRange(); txtRange.moveStart("character",x.value.length); txtRange.moveEnd("character",0); txtRange.select();}原创 2009-09-25 09:51:00 · 913 阅读 · 0 评论 -
CSS十大密技
1. css 字体简写规则当使用css定义字体时你可能会这样做:font-size: 1em;line-height: 1.5em;font-weight: bold;font-style: italic;font-variant: small-caps;font-family: verdana,serif;事实上你可以简写这些属性:font: 1转载 2009-07-07 15:51:00 · 728 阅读 · 1 评论 -
需要掌握的八个CSS布局技巧
1.若有疑问立即检测在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用,请见 http://validator.w3.org 。请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测,这样也许会让错误数量爆减。2.使用浮动功能时记得适当清除指令 浮动是个危险的功能转载 2009-07-07 10:57:00 · 570 阅读 · 0 评论 -
JS的IE和FF兼容性问题汇总
以下以 IE 代替 Internet Explorer,以 MF 代替 Mozzila FF1. document.form.item 问题现有问题:现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在 MF 下运行解决方法:改用 document.formName.elements["elementName"]原创 2009-07-07 10:52:00 · 677 阅读 · 0 评论 -
随滚动条移动的层
> html xmlns="http://www.w3.org/1999/xhtml"> HEAD> TITLE>随滚动条移动的层TITLE> META HTTP-EQUIV="Cont原创 2009-08-20 15:55:00 · 771 阅读 · 0 评论 -
【CSS布局.3】列表样式定义法
CSS代码:.list{ margin: 0px 10px 20px; text-align: left; }.list ul{ list-style-type: none; margin: 0px; padding: 0px;}.list li{ background: url(/news/images/line.gif) repeat-转载 2009-08-20 15:52:00 · 761 阅读 · 0 评论 -
【CSS布局.2】绝对定位和相对定位
Absolute,CSS中的写法是:position:absolute;TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位,在没有设定TRBL,默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性,那么当前的absolute则以浏览器左上角为原始点进行定位,位置将由TRBL决定。原创 2009-08-20 15:51:00 · 875 阅读 · 0 评论 -
【CSS布局.1】盒子模型
例子:.box { width: 200px;border: 10px solid #99c;padding: 15px;margin: 20px;} 内容正如你能看到的,一个盒子由四个独立部分组成,最外面的是边界(margin)总是透明的第二部分是边框(border),边框可以有不同的样式。第三部分是补丁(padding),补丁用来定义内容转载 2009-08-20 15:51:00 · 780 阅读 · 0 评论 -
图片和文字放一起,不能居中的解决方法
基本信息 给图片加上align="absmiddle"就可以了原创 2009-07-29 14:47:00 · 1566 阅读 · 0 评论 -
iframe 高度自适应
通过Google搜索iframe 自适应高度,结果5W多条,搜索iframe 高度自适应,结果2W多条。我翻了前面的几十条,刨去大量的转载,有那么三五篇是原创的。而这几篇原创里面,基本上只谈到如何自适应静的东西,就是没有考虑到JS操作DOM之后,如何做动态同步的问题。另外,在兼容性方面,也研究的不彻底。这篇文章,希望在这两个方面再做一些深入。可能有人还没接触到这个问题过,先说明一转载 2009-09-25 09:24:00 · 791 阅读 · 0 评论 -
[转]HTTP调试工具:Fiddler的使用方法介绍
Fiddler可以帮您记录,调试Microsoft Internet Explorer与Web应用程序的交互,找到Web程序运行性能的瓶颈,还有如查看向Web服务器发送cookies的内容,下载内容的大小等功能。 说多一点是,Fiddler站在用户与Web服务器的中间,由它转发请求与响应,因此Fiddler作为一个可检视,可定制的工具,能让您了解交互过程细节,有利于解决Web程序的交互问转载 2009-09-25 14:27:00 · 943 阅读 · 0 评论 -
Div CSS布局实例:详解建立Flash上面浮动层
最近群里有很多朋友在讨论,如何在Flash上面建立一个层,这个层位于Flash之上而不被Flash覆盖。这是一个比较常见的案例,在现实工作中有着很大的意义。 例如,我们在页面顶端设置一个Flash动画,但想在这个动画上面浮动一层,可以放置链接或说明文字等。这样的编码更加易于修改,也更容易被搜索引擎收录;更重要的是,如果用户屏蔽了Flash,依然可以看到浮动层上的文字。 废话不多说,看转载 2009-09-27 13:59:00 · 2687 阅读 · 0 评论 -
『转』分享多年美工工作收集的小工具和经验
1.图片素材收集技巧我们很多时候看到一个别的站点里面的图片和动画,怎样能方便拿到?有一个简单的技巧就是,打开IE的 internet选项->internet临时文件,删除所有脱机内容 ,(然后把喜欢的这个网站浏览一遍),再打开IE的 internet选项->internet临时文件,点设置,查看文件 (就会看到刚才该网站的所有素材和动画,复制出来就可以直接使用了)2.在转载 2010-05-21 16:44:00 · 898 阅读 · 0 评论 -
模态窗口自适应
1、模态窗口自适应:在Internet Explorer中定义window.open 和 window.showModalDialog以打开一个网页对话框的时候,在不同版本的Windows和不同版本的IE中,窗口的大小和样式都是不同的。在IE7中更是有了很大的不同,状态栏,主要内容被默认保留(下详),还加了一个只读状态的地址栏.窗口的最小尺寸被限定在了250*150:转载 2010-04-10 09:20:00 · 1671 阅读 · 0 评论 -
DOCTYPE声明对JS获取窗口宽度和高度的影响
在没有DOCTYPE声明的情况下:document.body.clientWidthdocument.body.clientHeight为当前窗口的宽度/高度;在DOCTYPE声明以后document.body.clientWidthdocument.body.clientHeight为整个页面的宽度/高度;document.documentElement.clie转载 2010-02-09 13:24:00 · 1497 阅读 · 0 评论 -
debugbar
DebugBar是功能强的IE插件,类似于Firefox浏览器的一款开发类插件Firebug.从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的便利. 目前对于个人用户免费.企业用户收费. 主要有以下功能: 1.查看网页DOM树,HTTP(S),网页javascript脚本函数归类展示.效验网页中的框架.网页属性的详细信息 2.提供网页源码与IE整理后代原创 2010-01-19 09:20:00 · 880 阅读 · 1 评论 -
Firefox与IE浏览器缓存的两个重要区别
当你建立好一个WEB服务后,通常有两个类型的缓存需要配置:设置网站有更新的时候html资源马上过期,以便正在浏览的用户可以很快地得到更新.设置所有其它资源(例如图片,CSS,javascript脚本)在一定时间后过期.这个缓存方案涵盖Two Simple Rules for HTTP Caching文章中提到关于如何处理更新的一些思想.现在HttpWatc转载 2009-10-29 15:08:00 · 1099 阅读 · 0 评论 -
HTML元素 - map的用法
在Html中,给图像使用map标签,可以给图像的某个部分建立超连接,用法如下:其中,坐标coords对各个shape的解释如下:shape="rect" coords="x1,y1,x2,y2" // (x1,y1)=Upper Left, (x2,y2)=Lower Right 即,当shape是矩形时,coords表示矩形左上及右下(x2,原创 2009-10-28 17:30:00 · 1387 阅读 · 0 评论 -
解决弹出层被Flash挡住的问题
网页弹出的层被Flash 或Select 下拉列表阻挡的解决方法! 今天在做网页的时候,我想在flash上放一个层,然后放图片等内容,可是总是被flash遮挡,因此总结了一下对于这方面的问题的几个解决方法,希望可以对朋友和自己有帮助! 1.flash把层遮挡住了,如何处理呢?====================================================转载 2009-09-27 13:53:00 · 7209 阅读 · 2 评论 -
通过JavaScript脚本复制网页上的一个表格
测试 测试表格 测试表格 测试表格 测试表格文字function CopyTable(){ CopyHtmlElement(oTable)} function CopyHtmlElement(obj){ editor.document.designMode = On; // 将iframe变成可编辑模式转载 2009-09-30 15:30:00 · 1287 阅读 · 0 评论 -
(转) createTextRange的text和htmltext的用法
collapse([bStart])移动Range的插入点bStart true(移到开头) false(移到末尾)findText(sText [, iSearchScope] [, iFlags])在Range中查找sTextiSearchScope 开始位置,负数方向搜索iFlags 2(整词匹配) 4(区别大小写)moveStart(sUnit [转载 2009-09-30 15:27:00 · 1301 阅读 · 0 评论 -
(转)使用TextRange对象
使用TextRange对象一 对于文本处理,许多用户都只使用the innerText/innerHTML 和 outerText/outerHTML 属性和它的相关方法,然而使用文本范围对象将有许多高级的文本操作。TextRange对象可以如下使用: 1、定位给定元素或给定点的文本 2、在文档字符里查找单词或字符 3、移动逻辑单元里的文本 4、提供文档里平常的文转载 2009-09-30 15:25:00 · 929 阅读 · 0 评论 -
15款基于浏览器扩展的WEB开发工具
WEB开发工具的使用已经非常普及,如果想要更方便于开发的话,不妨看看本文介绍的15款基于浏览器扩展的WEB开发工具。 1.Firebug Firebug是一款基于Firefox的浏览器扩展组件,它集成了网页CSS ,文档对象模型( DOM)和JavaScript调试技术于一身。并且Firebug特别对JavaScript调试部分做了重点规转载 2009-07-29 08:44:00 · 829 阅读 · 0 评论 -
刷新关闭事件
停止有document.onstop,看微软的例子document.onstop=fnTrapStop;var oInterval;window.onload=fnInit;function fnInit(){ oInterval=window.setInterval("fnCycle()",1);}function fnCycle(){转载 2009-03-29 09:23:00 · 876 阅读 · 0 评论 -
nodeType 属性
Definition and Usage定义和用法The nodeType property returns node type of the selected node.nodeType属性的作用是:返回已选节点的节点类型。Syntax语法 elementNode.nodeName原创 2008-04-29 14:40:00 · 1466 阅读 · 0 评论 -
需要掌握的八个CSS布局技巧
1.若有疑问立即检测在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用,请见 http://validator.w3.org 。请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测,这样也许会让错误数量爆减。2.使用浮动功能时记得适当清除指令 浮动是个危险的功能,未必会产生您所期望的原创 2007-10-02 14:12:00 · 917 阅读 · 0 评论 -
JavaScript 日志工具
前些天,学了一下AJAX,感觉对于JavaScript的控制有些麻烦,尤其是经常使用Alert()语句来输出一些记录,真是很不方便。于是到网上搜索了一些JavaScript的Logging工具,感觉都有些小缺点,不适合自己。于是,自己干脆也写了一个Logging工具,使用起来觉得还不错。这里就介绍给大家看看。 这个工具仅仅是一个js脚本文件。使用起来很方便,只要把这个脚本文件和转载 2007-06-13 11:16:00 · 1154 阅读 · 0 评论 -
正则表达式判断email和URL
echo a:.htmlspecialchars($a);echo a1:;$a1 = eregi_replace((^[_.][:alnum:]-]+@([[:alnum:]][[:alnum:]-]*.)+[[:alpha:]]{2,3}$), 1 , $a) ;echo htmlspecialchars($a1);echo "a1:$a1";echo a2:;$a2 =转载 2007-06-12 13:46:00 · 1088 阅读 · 0 评论 -
js刷新父页面
非模态刷新父页面:window.opener.location.reload(); 模态刷新父页面:window.dialogArguments.location.reload(); Response.Write("/r/n"); Response.Write("Response.Write("if(dialogArguments != null){/r/n"); // 注意上面的dialogAr转载 2007-08-19 12:48:00 · 1050 阅读 · 0 评论 -
网页制作必備之初級代碼
1.获得系统时间:2.取得来访用的IP:3.获得系统,浏览器版本:window.document.write("版本:"+navigator.appName+navigator.appVersion+" browser.")4.去除IE混动条: 5.进入网站,跳出广告:window.open(http://www.******.com,,height=200,width=300,转载 2007-05-22 11:57:00 · 1722 阅读 · 0 评论 -
JavaScript学习笔记9--表格排序
这次的例子,只是把Nicholas C .Zakas的例子理解了一下,代码是在学习表格排序时的Demo.单个数据类型的排序比较简单,他这个例子的特别之处在于能兼容多种数据类型的排序。例子很简单,但是里面有些设计思想给我启发很大,每次看他的书,都有新的收获。html> head> title>SortTable2title> meta http-equiv="content-t转载 2007-08-19 13:13:00 · 903 阅读 · 0 评论 -
HTML标签综合
标签大全:<html> <head> <title>标题<title> </head> <body>..........文件内容.......... </body> </html> 1.文件标题 <title>..........</title> 2.文件更新--<meta> 【1】10秒后自动更新一次 <meta http-equiv="refresh" content=10> 【2】1原创 2007-08-14 12:41:00 · 1070 阅读 · 0 评论 -
Div+CSS+JS树型菜单,可刷新 (Good)
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> Div+CSS+JS树型菜单,可刷新 http://www.livepo.com"> *{margin:0;padding:0;border:0;} body { font-family: arial, 宋体转载 2007-08-01 16:46:00 · 918 阅读 · 0 评论 -
js中innerHTML与innerText的用法与区别
用法: test1 test2在JS中可以使用:test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。 上例中的test.innerHTML的值也就是“test1 test2 ”。test.innerText: 从起始位置到终止位置的内容, 但它去除Html标签 上例中的text.innerTest的值也就是“test1原创 2007-08-01 16:45:00 · 852 阅读 · 0 评论 -
HTML DOM -奇怪的childNodes
以下内容在IE浏览器下测试:firstChild 获取对象的 childNodes 集合的第一个子对象的引用。span-cnbrucepre-cnbrucelastChild 获取该对象 childNodes 集合中最后一个子对象的引用。span-cnbrucepre-cnbruce在标签内再加一行lastChild就找不到了span-cnbrucep原创 2008-04-29 14:37:00 · 1933 阅读 · 0 评论 -
网页制作基础教程(网址)
w3pop.com ( 推进互联网技术学习应用的文化 )http://www.w3pop.com/原创 2008-04-29 14:42:00 · 1561 阅读 · 0 评论 -
用CSS自定义博客链接字体及链接下划线的样式
用CSS自定义博客链接字体及链接下划线的样式 A { text-decoration: NONE; color:#51bfe0}A:hover {font-weight: bold;color:#990099} 鼠标放在链接字体上的时候,链接字体变粗,颜色改变,其中color:#990099表示链接字体改变的颜色,可以根据个人爱好修改,其他的不需要改。 a{text-dec转载 2008-04-29 12:02:00 · 1953 阅读 · 0 评论 -
FCKeditor使用详解
性能首先,FCKEDITOR的性能是非常好的,用户只需很少的时间就可以载入FCKEDITOR所需文件.对于其他在线编辑器来说,这几乎是个很难解决的难题,因为在开启编辑器时需要装载太多的文件.比如CUTEEDITOR,虽然功能比FCKEDITOR还要强大,可是,它本身也够庞大了,至于FREETEXTBOX等,其易用性与FCKEDITOR相比,尚有差距,可以说,FCKEDITOR是一个别转载 2008-11-26 11:41:00 · 1107 阅读 · 0 评论 -
text-overflow:ellipsis;
#leftnewstd .ellipsis_row{width:170px}#rightnewstd .ellipsis_row{width:250px}.ellipsis_row{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;wzy:expression( this.title=t转载 2008-11-12 11:26:00 · 1077 阅读 · 0 评论