肥东肥西_新浪博客

div三列布局及div始终定位浏览器底部(2009-01-20 13:27)

前一段时间在网上看到国外一些网站有关div三栏布局的css写法，采用position的相对与绝对定位，觉得蛮不错滴，决定收藏，

另外，想使靠近底部的bottom div不管页面有无出现滚动条，都始终靠底部定位。找不到好的解决办法，最后决定采用javascript来实现，判断中间三栏任一个div高度是否大于当前body的高度。来赋予div不同的css样式，本例用left div来与body做比较，当left div的高度大于body当前高度时，就给left div 赋予css样式divBottom，反之则赋予css样式divShortBottom 。

点击查看原文

阅读|评论|收藏|打印|举报

万圣节，我们一起“鬼”混吧(2008-11-01 06:50)

标签：万圣节鬼节哈罗喂幽冥大道木乃伊地穴僵尸峡谷世界之窗

分类：旅游.摄影

深圳世界之窗“万圣惊魂夜、开心总动员”万圣节精彩活动昨天已是最后一天。穿行在幽冥大道、木乃伊地穴、僵尸峡谷、招魂古都、星光森林、精灵集市等，与“鬼”零距离接触。将你完全融入惊栗气氛当中，与众人一起“惊呼”吧！

点击查看原文

阅读|评论|收藏|打印|举报

css圆角框(2008-09-05 17:40)

标签：css 圆角框圆角按钮圆角button 圆角矩形 css圆角框杂谈

转自一国外一网站（www.webreference.com），效果挺不错的，支持web标准。主要呢是利用一些B元素控制border来拼凑这些圆角，加上一些颜色效果。就出现上图效果（凹凸感挺不错的）。

当然如果对圆角要求不高的话，就没有必要要这些B元素（其它元素也可以）。

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd'>
<HTML xml:lang='en' xmlns='http://www.w3.org/1999/xhtml'><HEAD><TITLE>Krazy Korners</TITLE>
<

点击查看原文

阅读|评论|收藏|打印|举报

CSS画五角星(2008-08-27 17:17)

标签：css 五角星 border position display 杂谈

上图大五角星是用CSS实现的，旁边小的五角星是用photoshop画上去作为装饰用的，以免大五角星太孤单了。

主要用到定位(position)，边框颜色设置(border)等来实现这个效果，本例中用五个列表标签（li）来分别表示五角星的五个角，设置不同边角样式并对其正确定位。

完整代码如下：

<!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;

点击查看原文

阅读|评论|收藏|打印|举报

XML DOM 之操作节点(2008-08-15 17:08)

标签：xmldom xml属性 xml方法杂谈

分类：javascript学习记录

在上一节中说道过通过三种方法访问节点：

1.   通过使用 getElementsByTagName() 方法
2.   通过循环（遍历）节点树
3.   通过利用节点的关系在节点树中导航

比如说要找CDStrore所有的子节点<CD>。
用第一种方法document.getElementsByTagName(“CD”),返回的是所有节点名是<CD>的数组。

第二种方法x = document.documentElement.childNodes,获得的也是一个数组集合。以上两种方法都可以用for循环来遍历数组。

另外就是可以利用节点的关系来访问节点。比如parentNode指的就是某一子节点的父节点。childNides指的是某一节点的子节点集合。firstChild指的是某一节点的第一个子节点，lastChild指的是某一节点的最后一个子节点。
nextSibling指的是某一节点的下一个同级节点。previousSibling指的是某一节点的上一个同级节点。

<CD category='欧美专辑'>

点击查看原文

阅读|评论|收藏|打印|举报

XML DOM 之节点(2008-08-14 09:08)

标签：xml dom xml节点 nodename nodetype

分类：javascript学习记录

XML DOM是用来获取、更改、添加或删除 XML 元素的标准。XML每个成分都是一个节点。

•   在节点树中，顶端的节点成为根节点
•   根节点之外的每个节点都有一个父节点
•   节点可以有任何数量的子节点
•   叶子是没有子节点的节点
•   同级节点是拥有相同父节点的节点

举一个CD目录例子

<CDStore>
   <CD category='影视金曲'>
       <name >秋天的童话</name>
       <singer>eagles</singer>

点击查看原文

阅读|评论|收藏|打印|举报

香蕉皮七个意想不到的用途(2008-07-31 21:47)

标签：香蕉皮用途杂谈

分类：健康&美容

香蕉皮在人们的意识中就是毫无用处的废物，可事实上它可以用在许多方面上，而且用途非常大，那么就来看看它的妙处吧！

一、巧使皮肤滋润光滑

面部是干性皮肤的人，可用香蕉皮内侧贴在脸上(皮的内侧朝脸皮的一面)，晾10分钟左右，再用清水洗净。

点击查看原文

阅读|评论|收藏|打印|举报

XML教程(2008-07-19 21:48)

标签：xml xml解析器杂谈

分类：javascript学习记录

XML 指可扩展标记语言（eXtensible Markup Language），XML 被设计用来传输和存储数据。HTML 被设计用来显示数据。

XML 与 HTML 的主要差异
    XML 不是 HTML 的替代。
    XML 和 HTML 为不同的目的而设计：
    XML 被设计为传输和存储数据，其焦点是数据的内容。
    HTML 被设计用来显示数据，其焦点是数据的外观。
    HTML 旨在显示信息，而 XML 旨在传输信息。
    XML 是独立于软件和硬件的信息传输工具。
    XML 应用于 web 开发的许多方面，常用于简化数据的存储和共享。