HTML+CSS
jiangfeng08
这个作者很懒,什么都没留下…
展开
-
如何避免不小心关掉web浏览器窗口
前段时间,一直在做web项目,总是出现一个问题:用户输入了一些内容后,不小心关掉了浏览器窗口,或是跳转到了其它页面,没有任何的提示,但是数据就没有了,其实跳转还好办,难就难在关闭浏览器时要给出一个提示,很是头痛,上网查了很多东东,但都没有结果,,很是郁闷。今天无意识的在关闭一篇没有写完的随笔时,突然发现有“如果不保存就会丢失内容”的提示。很是激动。就查看了原文件,虽然很多乱码,但好在还有一部原创 2008-09-05 12:08:00 · 513 阅读 · 0 评论 -
不同的浏览器对CSS要求
<br />CSS 兼容要点:DOCTYPE 影响 CSS 处理<br />FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行<br />FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中<br />FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式<br />FF: 设置 p转载 2010-11-02 11:04:00 · 528 阅读 · 0 评论 -
div+css兼容问题(IE和FIRE FOX)
<br />IE与Firefox的CSS兼容大全<br />CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。<br /> 常见兼容问题:<br /> 1.DOCTYPE 影响 CSS 处理<br /> 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行<br /> 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是转载 2010-11-02 11:03:00 · 1030 阅读 · 0 评论 -
div+css兼容
<br />CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,这里收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.<br />1. 兼容三个浏览器的<br /> <br />width: 100px!important; /* IE7+FF */<br />_ width: 100px /* IE6 */<br />转载 2010-11-02 11:01:00 · 504 阅读 · 0 评论 -
@import url,css
<br /><br /> 1,@import url()机制是不同于link的,link是在加载页面前把css加载完毕,而@import url()则是读取完文件后在加载,所以会出现一开始没有css样式,闪烁一下出现样式后的页面(网速慢的情况下)。<br />2,@import 是css2里面的,所以古老的ie5不支持。<br />3,当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。<br />4,link除了能加载css外还能定义R转载 2010-11-02 10:57:00 · 593 阅读 · 0 评论 -
看ExtJs API文档的阅读方法
对EXT,下载一个ext2.0的API文件,叫你如何看懂API,看完保证就会用API,但是你必须看完。Config Options Public Properties Public Methods Public Events 基本上都由以上4部分组成 Config Options下的内容为你在实例化一个对象时进行配置,也就是比如new Panel({a:"xxx",b:"yyy"}原创 2010-05-06 10:20:00 · 597 阅读 · 0 评论 -
jquery广告图片切换效果
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">Jquery 图片切换展示效果 - - yj511.container, .container * { margin:0; padding:0; }.container { width:408px; height:168px;原创 2009-05-21 10:48:00 · 3996 阅读 · 0 评论 -
类中华英才网职位选择的网页效果
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">类中华英才网http://192.168.0.128/slcxwm2.0/plugin/jquery/jquery-1.3.2.min.js" type="text/javascript"> $(document).ready原创 2009-05-06 11:20:00 · 1663 阅读 · 0 评论 -
CSS种position的absolute和relative的应用
之前老弄不明白,只能凭借一点短期内“虐出来的经验”制作需要的效果,后来仔细研究了一下Hutia的XScroller,并且仔细看了文档,才知道这个position属性其实是指本体对上级的定位。如果这么理解,就好办了。默认的属性值都是static,静态。就不用多说了。最关键的是relative(相对)以及absolute(绝对)。往往我们如果是COPY别人的代码,会把absolute属性与left原创 2009-04-12 15:53:00 · 427 阅读 · 0 评论 -
仿tom的层拖拽效果
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">Ajax中国搜集整理——www.okajax.com/html, body { width:100%; height:100%; padding:0px; margin:0px;}body { text-align:cent原创 2008-12-14 23:05:00 · 939 阅读 · 1 评论 -
用纯CSS建立的不错的表格
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">www.okajax.com* { margin:0; padding:0; font-size:12px; color:#000;}#table { width:405px; margin:50px auto;}#tabl原创 2008-12-14 23:19:00 · 478 阅读 · 0 评论 -
可拖动层代码
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档body {margin:0px;padding:0px;font-size:12px;text-align:center;}body > div {text-align:center; margin-righ原创 2008-12-08 23:12:00 · 984 阅读 · 0 评论 -
多款在网页中嵌入天气预报的方法
"-//W3C//DTD HTML 4.0 Transitional//EN"> New Document "Generator" CONTENT="EditPlus"> "Author" CONTENT=""> "Keywords" CONTENT=""> "Description" CONTENT=""> "http://原创 2008-11-05 17:29:00 · 1832 阅读 · 0 评论 -
CSS光标属性
你的光标放到相应文字上查看效果 要注意光标的实际效果依赖于用户的系统设置,与你在这里看到的效果并不一定一致。 cursor: crosshair; 十字准心 The cursor render as a crosshair游标表现为十字准线cursor: pointer; cursor: hand;写两个是为了照顾IE5,它原创 2008-10-25 21:35:00 · 711 阅读 · 0 评论 -
JS网页元素特效
跑马灯 ...普通卷动 ...滑动 ...预设卷动 ...来回卷动 ...向下卷动 ...向上卷动 向右卷动 向左卷动 ...卷动次数 ...设定宽度 ...设定高度 ...设定背景颜色 ...设定卷动距离 ...设定卷动时间 字体效果 ...标题字(最大) ...标题字(最小) ...粗体字 ...粗体字(强调) ...斜体字 ...斜体字原创 2008-10-10 09:48:00 · 954 阅读 · 0 评论 -
网页中弹出小窗口(页面背景直接半透明)
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">"http://www.w3.org/1999/xhtml">页面中弹出小窗口,页面背景直接变半透明-webjx.comhtml,body{font-size:12px;ma原创 2008-10-09 20:59:00 · 1243 阅读 · 0 评论 -
CSS几个常见属性的含义
CSS 边距属性 (margin)CSS 边框属性 (border) 用来设定一个元素的边线CSS 间隙属性 (padding) 是用来设置元素内容到元素边框的距离。 CSS 背景属性指的是 content 和 padding 区域CSS 属性中的 width 和 height 指的是 content 区域的宽和高CSS属性 - text-decoration 文本修原创 2008-09-05 12:21:00 · 815 阅读 · 0 评论 -
Dreamweaver CS3 Spry 试应用 与Spry框架
Dreamweaver CS3 集成的Apry组件大大方便了网页开发使用Ajax。 关于本次Dreamweaver CS3新功能描述中,在如今Web2.0盛行、AJAX流行的时代背景下,Adobe公司的轻量级的AJAX框架Spry,尤其是当Spry集成到Dreamweaver cs3时,这无疑是最令人兴奋的。排除与用户交互有关的Spry XML数据交互和Spry相关窗口组原创 2008-09-05 12:30:00 · 893 阅读 · 0 评论 -
HTML5 缓存: cache manifest
自从翻译了《解读 HTML5:建议、技巧和技术》,就一直没有时间去看 HTML5 相关的东西。上周一次偶然的工作间隙折腾了下 Cache Manifest 。当时直接拿博客当测试环境,虽然应用起来非常简单,但效果却出... 自从翻译了《解读 HTML5:建议、技巧和技术》,就一直没有时间去看 HTML5 相关的东西。上周一次偶然的工作间隙折腾了下 Cac转载 2011-12-29 17:33:05 · 903 阅读 · 0 评论