2008-08-19
全文显示

iframe高度自适应

<iframe src="http://www.baidu.com" width="100%" height="100%" onload="this.style.height=this.document.body.scrollHeight;this.style.width=this.document.body.scrollWidth" ></iframe>  
2008-08-18
全文显示

纯CSS打造的导航菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>¶�pdownµ¯³�¥- ...
2008-08-18
全文显示

IE和FF下frame边框问题

无论在IE还是FF下面，都只需要定义frame的frameborder="0"就可以实现对frame的边框的隐藏。
2008-07-04
全文显示

UL在适当时候应该给其加高度，否则其下内容可能出现位置错误

UL在适当时候应该给其加高度，否则其下内容可能出现位置错误
2008-07-02
全文显示

在一个网页里引用另外一个网页内容

<IFRAME src="http://www.gdyaxin.com/news/jianjie/2007/69/0769171611J129336G0ID8AIDGDI7E.html" frameBorder=0 width="100%" height="330"></IFRAME>  
2008-07-01
全文显示

网页的遮照效果～

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> ...
2008-06-26
全文显示

改变文件域的样式-兼容ie、firefox

<body> <input type=file id="j" onchange="getValue();" style="-moz-opacity:0;filter:alpha(opacity=0);opacity:0;position:absolute;left:166px;" /> <input id="ye" style="color: green;border: 1px solid green;width:300px;" /> <input type="button" value="File" style="border: 1px so ...
2008-06-20
全文显示

设置ul中li元素居中对齐

将ul中li元素的宽度设置为其所在容器的宽度即可。
2008-06-19
全文显示

图片切换技术、选项卡技术应用

一般情况下运用<dl></dl>标签 图片切换： <dl> <dt><a href="#1">1</a><a href="#2">2</a><a href="#3">3</a><a href="#4">4</a></dt> <dd><img src="image/01.jpg" alt="" title="" id="1"/></dd> <dd><img src=" ...
2008-06-19
全文显示

关于IE/非IE下元素透明的属性的hack

IE： filter:alpha(opacity=40); //0为全透明，100为不透明 非IE:opacity:.4; //0为全透明，10为不透明。
2008-06-18
全文显示

设置某个层相对于html页内容高度自适应

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>height auto</title> <style type="text/css"> html,body{text-align:center; margin:0px; padding:0px; height:100% ...
2008-06-18
全文显示

层高度自适应的问题--

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>height auto</title> <style type="text/css"> html,body{text-align:center; margin:0px; padding:0px;} #box { ...
2008-06-18
全文显示

常用CSS缩写语法总结

使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如： #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1； property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 property:value1 value2 value3; 表示top的值是value1，right和left的值是value2，b ...
2008-06-18
全文显示

新闻列表滑门效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <!-- saved from url=(0026)http://www.popuni.com/ --> <HTML><HEAD><TITLE>绝对经典的滑轮新闻显示(javascript+css)</TITLE> <META http-equiv=Content-T ...
2008-06-18
全文显示

用CSS实现的好看的按钮

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>用CSS实现的几个非常漂亮的按钮</title> <style> .btn { BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER ...
2008-06-18
全文显示

复选框全选代码

<SCRIPT> function check(obj) { var checkboxList=obj.parentNode.getElementsByTagName("input"); var count=checkboxList.length; var flag=obj.checked; for(var i=0; i<count;i++){ checkboxList[i].checked=flag; } } </script> <form name=myform> <input type=check ...
2008-06-18
全文显示

弹出层并loading效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>-</title> <style> body {margin:0px} #Loading {position:absolute;z-index:10;left: ...
2008-06-18
全文显示

经典树形菜单

<htm> <head> </head> <body> <div id="treeArea"></div> <script language="javascript"> function Node(parentId, id, openStatus, text, url, color){ this.parentId = parentId; // 父节点的id this.id = id; // 自身id this.href = url; this.color = color; ...
2008-06-18
全文显示

美化后的select 列表框

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>my select</title> ...
2008-06-12
全文显示

CSS命名规范

CSS命名规范 所有的xhtml代码小写 ； 属性的值一定要用双引号("")括起来，且一定要有值 ； 每个标签都要有开始和结束，且要有正确的层次； 空元素要有结束的tag或于开始的tag后加上"/" ； 表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等 ； <h1>到 <h5>的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。 ； 给每一个表格和表单加上一个唯一的、结构标记id ； 给重要的区块加上注释,如：给图片加上alt标签 ； 所有的标签必须进行合理的嵌套 ； 根元素前必须有元素，宣告使用那 ...
2008-06-12
全文显示

一个css的div两边显示问题

一个div中有两个div,要实现一个靠left,一个 靠right <div id="contain"> <div id="content_l">左列 </div> <div id="content_r">右列 </div> </div > body{ margin:0px; padding:0px; text-align:center; } #contain{ width:774px; margin-right:auto; margin-left:auto; overf ...
2008-06-12
全文显示

企业网站常用中英文对照表

网站导航 SITE MAP | Site Map公司简介 PROFILE or COMPANY | Profile or Company公司设备 EQUIPMENT | Equipment公司荣誉 GLORIES | Glories企业文化 CULTURE | Culture产品展示 PRODUCT | Product资质认证 Quality Certification企业规模 SCALE | Scale营销网络 Sales Network组织机构 ORGANIZATION | Organization合作加盟 Join in Cooperation技术力量 TECHNOLOGY | Tech ...
2008-06-12
全文显示

使一个层垂直居中对齐

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>利用CSS使Di ...
2008-06-12
全文显示

CSS命名规则

1.样式命名   区块布局 ================================== 外套： wrap 整个页面： content 头部： header 页面中部： mainbody 页脚： footer 底部： footer 列定义： column_1of3 (三列中的第一列)column_2of3 (三列中的第二列)column_3of3 (三列中的第三列) 页面内容 ================================== ...
2008-06-12
全文显示

可以拖动的层的代码演示

包括两个文件，一个html,一个.js库文件。 demo.html代码： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd"> <html> <head> <title>DOM Drag Demo</title> <style type="text/css"> <!-- @import "/_common ...
2008-06-10
全文显示

实现一个层全屏的代码

#logo{ width:100%; height: 100px;line-height: 100%; height: 100%; border: 1px dotted red; }
2008-05-17
全文显示

div高度随内容增加而增加

#newsListCont{ height:   expression(this.style.height> =this.scrollHeight? '100px ':this.scrollHeight+ 'px ');  } #newsListCont是层的ID，测试在IE6下可以通过。FF下没有测试。
2008-03-18
全文显示

用CSS写的鼠标右键菜单

<style> .BODY { COLOR: #000000; FONT-FAMILY: 宋体, arial, helvetica, Tahoma; FONT-SIZE: 9pt; scrollbar-face-color: 'CCCCCC'; scrollbar-shadow-color: 'CCCCCC'; scrollbar-highlight-color: 'CCCCCC'; scrollbar-3dlight-color: 'D9D9D9'; scrollbar-darkshadow-color: '808080'; scrollbar-track-color: 'F8F ...
2008-03-15
全文显示

IE双倍边距问题的解决方法

写道IE双倍边距问题的解决方法 ：设置display:block; display:inline; 
2008-01-21
全文显示

ul标签导致div 高度在IE6多出几像素，IE7和ff却正常显示的解决方案

ul标签导致div 高度在IE6多出几像素，IE7和ff却正常显示的解决方案 定时通首页的导航标签，ul在#navContent层中，其高度在ff和IE7中显示正常，在IE6中却显示多出几像素。解决方案： 在#navContent的属性中增加超出层范围的内容都隐藏， overflow:hidden;