<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>星☆空 | 对生活要知足,学习要不知足,为人处事要知不足.  卍 ♂ | ♀ 卐 - 科技以人为本. - Me xhtml &amp; css</title><link>http://blog.csdn.net/btbtd/category/99878.aspx</link><description>记录一些比较实用的xhmtl, 和CSS.</description><dc:language>zh-CN</dc:language><lastUpdateTime>Tue, 27 Nov 2007 01:50:34 GMT</lastUpdateTime><ttl>60</ttl><item><dc:creator>shawl.qiu</dc:creator><title>shawl.qiu Javascript 圆角表格生成类 sqRounded v1.0</title><link>http://blog.csdn.net/btbtd/archive/2007/05/13/1607374.aspx</link><pubDate>Sun, 13 May 2007 21:38:00 GMT</pubDate><guid>http://blog.csdn.net/btbtd/archive/2007/05/13/1607374.aspx</guid><wfw:comment>http://blog.csdn.net/btbtd/comments/1607374.aspx</wfw:comment><comments>http://blog.csdn.net/btbtd/archive/2007/05/13/1607374.aspx#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://blog.csdn.net/btbtd/comments/commentRss/1607374.aspx</wfw:commentRss><trackback:ping>http://tb.blog.csdn.net/TrackBack.aspx?PostId=1607374</trackback:ping><description>shawl.qiu Javascript 圆角表格生成类 sqRounded v1.0 

说明:
写这个东西其实嘛, 是因为本人烦了弄个纯CSS圆角表格老要复制一大堆代码, 麻烦不说, 还很容易出错...
所以呗, 本类出就诞生了.

主要用法...:
比如你有 div 标签, id 为 x
那只需要调用一下本类就OK, 也可以一次作用于多个标签, 外观设置嘛, 由于是刚写, 肯定有不足的地方了, 这个只能在使用过程中继续改进喽.

好了, 这个真没啥好说的, 技术含量真的很少, 不过本人觉得这个想法不错...:)

目录:
1. 类 sqRounded  及使用演示

shawl.qiu
2007-05-13
http://blog.csdn.net/btbtd

下载:
http://shawl.qiu.googlepages.com/sqRounded_v1.0.7z
http://files.myopera.com/btbtd/javascript/sqRounded_v1.0.7z

演示:
http://shawl.qiu.&lt;img src ="http://blog.csdn.net/btbtd/aggbug/1607374.aspx" width = "1" height = "1" /&gt;</description></item><item><dc:creator>星☆空 </dc:creator><title>纯 CSS 弹出菜单 之 横排三级分类(兼容多个浏览器) By shawl.qiu</title><link>http://blog.csdn.net/btbtd/archive/2007/01/09/1478479.aspx</link><pubDate>Tue, 09 Jan 2007 21:41:00 GMT</pubDate><guid>http://blog.csdn.net/btbtd/archive/2007/01/09/1478479.aspx</guid><wfw:comment>http://blog.csdn.net/btbtd/comments/1478479.aspx</wfw:comment><comments>http://blog.csdn.net/btbtd/archive/2007/01/09/1478479.aspx#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://blog.csdn.net/btbtd/comments/commentRss/1478479.aspx</wfw:commentRss><trackback:ping>http://tb.blog.csdn.net/TrackBack.aspx?PostId=1478479</trackback:ping><description>纯 CSS 弹出菜单 之 横排三级分类(兼容多个浏览器) By shawl.qiu
 说明:  
 之前写过 纯 CSS 的二级分类菜单, 不过那是二级, 写是很容易, 不过今天搞这个三级分类, 天呀, 整整花了鄙人一天的青春..真晕...
  有鉴于此, 特把写好的三级CSS菜单写文一篇, 以后遇到三级分类, 这个就是模板了...
 
 附: 编写纯 CSS 弹出菜单的原理及实现 By shawl.qiu
  http://blog.csdn.net/btbtd/archive/2006/10/01/1315336.aspx
 
 shawl.qiu
 2007-01-09
 http://blog.csdn.net/btbtd&lt;img src ="http://blog.csdn.net/btbtd/aggbug/1478479.aspx" width = "1" height = "1" /&gt;</description></item><item><dc:creator>星☆空 </dc:creator><title>使用IE条件注释 实现兼容 IE, Opera, Firefox 的 DIV+CSS 表格布局 By shawl.qiu</title><link>http://blog.csdn.net/btbtd/archive/2006/12/18/1447255.aspx</link><pubDate>Mon, 18 Dec 2006 00:01:00 GMT</pubDate><guid>http://blog.csdn.net/btbtd/archive/2006/12/18/1447255.aspx</guid><wfw:comment>http://blog.csdn.net/btbtd/comments/1447255.aspx</wfw:comment><comments>http://blog.csdn.net/btbtd/archive/2006/12/18/1447255.aspx#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://blog.csdn.net/btbtd/comments/commentRss/1447255.aspx</wfw:commentRss><trackback:ping>http://tb.blog.csdn.net/TrackBack.aspx?PostId=1447255</trackback:ping><description>使用IE条件注释 实现兼容 IE, Opera, Firefox 的 DIV+CSS 表格布局 By shawl.qiu
 闲着发疯, 使用 IE 条件注释+DIV+CSS 模拟了表格布局, 兼容我认为是主流浏览器的浏览器....没了.
 
 目录:
 1. 内容
 
 shawl.qiu 
 2006-12-17
 http://blog.csdn.net/btbtd&lt;img src ="http://blog.csdn.net/btbtd/aggbug/1447255.aspx" width = "1" height = "1" /&gt;</description></item><item><dc:creator>星☆空 </dc:creator><title>编写纯 CSS 弹出菜单的原理及实现 By shawl.qiu</title><link>http://blog.csdn.net/btbtd/archive/2006/10/01/1315336.aspx</link><pubDate>Sun, 01 Oct 2006 18:53:00 GMT</pubDate><guid>http://blog.csdn.net/btbtd/archive/2006/10/01/1315336.aspx</guid><wfw:comment>http://blog.csdn.net/btbtd/comments/1315336.aspx</wfw:comment><comments>http://blog.csdn.net/btbtd/archive/2006/10/01/1315336.aspx#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://blog.csdn.net/btbtd/comments/commentRss/1315336.aspx</wfw:commentRss><trackback:ping>http://tb.blog.csdn.net/TrackBack.aspx?PostId=1315336</trackback:ping><description>编写纯 CSS 弹出菜单的原理及实现 By shawl.qiu


摘要: 
本文介绍了使用 CSS 编写适用于 Opera, Firefox, IE 的多风格弹出菜单

说明:
编写 CSS 弹出菜单的要点不外乎当鼠标移到目标上时, 显示出隐藏的标签. 
要隐藏的标签使用 display:none; 属性进行隐藏. 
触发显示隐藏标签主要使用 :hover 属性, 并用 display:block; 显示隐藏的标签.

但由于浏览器对 CSS 的支持并非一致.
对于 Opera 或者 Firefox, 我们可以编写出纯 CSS 菜单, 他们支持任何标签的 :hover 属性.
而对于 IE 浏览器, :hover 只对 a 标签起作用, 但我们可以使用脚本的 onmouseover, onmouseout 模拟出其他标签的 :hover 属性.
因此编写适用于 IE 的 CSS 弹出菜单必须使用到少许的脚本.

目录:
1. 编写直排右侧弹出的 CSS 菜单. 
1.1 真正的基于 Opera, Firefox 纯 CSS 弹出菜单
1.2 兼容&lt;img src ="http://blog.csdn.net/btbtd/aggbug/1315336.aspx" width = "1" height = "1" /&gt;</description></item><item><dc:creator>星☆空 </dc:creator><title>CSS 弹出菜单, 完美实现, 完美兼容 By shawl.qiu</title><link>http://blog.csdn.net/btbtd/archive/2006/08/01/1006635.aspx</link><pubDate>Tue, 01 Aug 2006 13:52:00 GMT</pubDate><guid>http://blog.csdn.net/btbtd/archive/2006/08/01/1006635.aspx</guid><wfw:comment>http://blog.csdn.net/btbtd/comments/1006635.aspx</wfw:comment><comments>http://blog.csdn.net/btbtd/archive/2006/08/01/1006635.aspx#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://blog.csdn.net/btbtd/comments/commentRss/1006635.aspx</wfw:commentRss><trackback:ping>http://tb.blog.csdn.net/TrackBack.aspx?PostId=1006635</trackback:ping><description>CSS 弹出菜单, 完美实现, 完美兼容 By shawl.qiu

说明: 
本实例使用了 少许 脚本, 这样做是为了兼容 IE, 如果不使用脚本, Opera 可以正常显示.
本实例兼容: IE,FF,Opera, 并以垂直方向显示子菜单

内容包括: 
1. VBScript 动态显示内容代码
2. VBScript 创建静态文件并读出函数
3. 纯静态例子代码
4. 预览

shawl.qiu
2006-8-1
http://blog.csdn.net/btbtd&lt;img src ="http://blog.csdn.net/btbtd/aggbug/1006635.aspx" width = "1" height = "1" /&gt;</description></item><item><dc:creator>星☆空 </dc:creator><title>模板? </title><link>http://blog.csdn.net/btbtd/archive/2006/06/24/827639.aspx</link><pubDate>Sat, 24 Jun 2006 01:36:00 GMT</pubDate><guid>http://blog.csdn.net/btbtd/archive/2006/06/24/827639.aspx</guid><wfw:comment>http://blog.csdn.net/btbtd/comments/827639.aspx</wfw:comment><comments>http://blog.csdn.net/btbtd/archive/2006/06/24/827639.aspx#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://blog.csdn.net/btbtd/comments/commentRss/827639.aspx</wfw:commentRss><trackback:ping>http://tb.blog.csdn.net/TrackBack.aspx?PostId=827639</trackback:ping><description>突然间 Blog 的样式变了, 图片没了, 真无奈了, 重写了, 好了. 为什么我的时间好像比中子星的密度还紧,居然有时间弄这个? &lt;img src ="http://blog.csdn.net/btbtd/aggbug/827639.aspx" width = "1" height = "1" /&gt;</description></item><item><dc:creator>星☆空 </dc:creator><title>VBScript 实现 UBB 显示代码([code][/code])附加行号, 正则实现 By Stabx</title><link>http://blog.csdn.net/btbtd/archive/2006/06/16/804323.aspx</link><pubDate>Fri, 16 Jun 2006 18:41:00 GMT</pubDate><guid>http://blog.csdn.net/btbtd/archive/2006/06/16/804323.aspx</guid><wfw:comment>http://blog.csdn.net/btbtd/comments/804323.aspx</wfw:comment><comments>http://blog.csdn.net/btbtd/archive/2006/06/16/804323.aspx#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://blog.csdn.net/btbtd/comments/commentRss/804323.aspx</wfw:commentRss><trackback:ping>http://tb.blog.csdn.net/TrackBack.aspx?PostId=804323</trackback:ping><description>VBScript 实现 UBB 显示代码([code][/code])附加行号, 正则实现 By Stabx

完成了, 实现这个该死的功能有几小时丢了...

作用: 显示 UBB 代码时, 加上行号. [↓下面代码显示区就是]
此功能由 正则实现替换, ol li 标签实现显示效果, li 标签 属性设置为 list-style-type:decimal;
那些行号只是一个显示, 不是一个实在的号码, 就一障眼法.

1. 替换 UBB [code][/code] 为 HTML 标签
2. 解密 内容为 UBB [code][/code] 标签
3. 相关 CSS
话外音: 秩序就是一切, 不是我喜欢把内容弄得一塌糊涂, 而是 CSDN 的编辑器太东施...

shawl.qiu
绿色学院 | http://blog.csdn.net/btbtd/
2006-6-16&lt;img src ="http://blog.csdn.net/btbtd/aggbug/804323.aspx" width = "1" height = "1" /&gt;</description></item><item><dc:creator>星☆空 </dc:creator><title>CSS 2.1 使用手记 By Stabx</title><link>http://blog.csdn.net/btbtd/archive/2006/06/11/789519.aspx</link><pubDate>Sun, 11 Jun 2006 20:45:00 GMT</pubDate><guid>http://blog.csdn.net/btbtd/archive/2006/06/11/789519.aspx</guid><wfw:comment>http://blog.csdn.net/btbtd/comments/789519.aspx</wfw:comment><comments>http://blog.csdn.net/btbtd/archive/2006/06/11/789519.aspx#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://blog.csdn.net/btbtd/comments/commentRss/789519.aspx</wfw:commentRss><trackback:ping>http://tb.blog.csdn.net/TrackBack.aspx?PostId=789519</trackback:ping><description>CSS 2.1 使用手记 By Stabx

CREATED BY STABX, AT 2006-6-2.

CSS 2.1 使用手记 By shawl.qiu

---/-------------------------------------------------------------------

3. 语法

2. class / 类

1. Selectors / 选择器

附: 闲话片长
-----------------------------------------------------------------------&lt;img src ="http://blog.csdn.net/btbtd/aggbug/789519.aspx" width = "1" height = "1" /&gt;</description></item><item><dc:creator>星☆空 </dc:creator><title>Javascript 动态控制字体大小 By Stabx</title><link>http://blog.csdn.net/btbtd/archive/2006/06/11/789509.aspx</link><pubDate>Sun, 11 Jun 2006 20:41:00 GMT</pubDate><guid>http://blog.csdn.net/btbtd/archive/2006/06/11/789509.aspx</guid><wfw:comment>http://blog.csdn.net/btbtd/comments/789509.aspx</wfw:comment><comments>http://blog.csdn.net/btbtd/archive/2006/06/11/789509.aspx#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://blog.csdn.net/btbtd/comments/commentRss/789509.aspx</wfw:commentRss><trackback:ping>http://tb.blog.csdn.net/TrackBack.aspx?PostId=789509</trackback:ping><description>Javascript 动态控制字体大小 By Stabx

控制字体大小脚本,
总的来说不是很理想, 左找右找找不到 JS 原字体大小的属性值, 无法 ++ -- 这样传递大小值. 
注: 附实例 [底部] 
shawl.qiu
2006-6-9&lt;img src ="http://blog.csdn.net/btbtd/aggbug/789509.aspx" width = "1" height = "1" /&gt;</description></item><item><dc:creator>星☆空 </dc:creator><title>XHTML 使用手记 By Stabx</title><link>http://blog.csdn.net/btbtd/archive/2006/06/11/789505.aspx</link><pubDate>Sun, 11 Jun 2006 20:40:00 GMT</pubDate><guid>http://blog.csdn.net/btbtd/archive/2006/06/11/789505.aspx</guid><wfw:comment>http://blog.csdn.net/btbtd/comments/789505.aspx</wfw:comment><comments>http://blog.csdn.net/btbtd/archive/2006/06/11/789505.aspx#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://blog.csdn.net/btbtd/comments/commentRss/789505.aspx</wfw:commentRss><trackback:ping>http://tb.blog.csdn.net/TrackBack.aspx?PostId=789505</trackback:ping><description>XHTML 使用手记 By Stabx

CREATED BY STABX, AT 2006-6-2. 

xhtml notebook By shawl.qiu

---/-----------------------------------------------------------

1. script / 脚本
2. css / 样式表
3. uri
4. img 标签
5. 单属性值必须加上该属性值和其值
6. 附加
&lt;img src ="http://blog.csdn.net/btbtd/aggbug/789505.aspx" width = "1" height = "1" /&gt;</description></item><item><dc:creator>星☆空 </dc:creator><title>Javascript 控制图片显示大小函数 By Stabx, 第二版</title><link>http://blog.csdn.net/btbtd/archive/2006/06/04/773226.aspx</link><pubDate>Sun, 04 Jun 2006 22:02:00 GMT</pubDate><guid>http://blog.csdn.net/btbtd/archive/2006/06/04/773226.aspx</guid><wfw:comment>http://blog.csdn.net/btbtd/comments/773226.aspx</wfw:comment><comments>http://blog.csdn.net/btbtd/archive/2006/06/04/773226.aspx#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://blog.csdn.net/btbtd/comments/commentRss/773226.aspx</wfw:commentRss><trackback:ping>http://tb.blog.csdn.net/TrackBack.aspx?PostId=773226</trackback:ping><description>上一函数需要在每个 img 标签里加上一个 onload 连接, 现在不必了, 只需在 body 标签里加上 onload="ppshow()" 就能驯服页面所有图片.

作用: 
页面图片如果大于预期大于, 则改为预期大小. 
如小于预期大小, 则显示为原大小. 

shawl.qiu
绿色学院 | http://blog.csdn.net/btbtd/
2006-6-4 &lt;img src ="http://blog.csdn.net/btbtd/aggbug/773226.aspx" width = "1" height = "1" /&gt;</description></item><item><dc:creator>星☆空 </dc:creator><title>HTML 编码打印中文日期字符 By Stabx </title><link>http://blog.csdn.net/btbtd/archive/2006/06/03/772092.aspx</link><pubDate>Sat, 03 Jun 2006 23:28:00 GMT</pubDate><guid>http://blog.csdn.net/btbtd/archive/2006/06/03/772092.aspx</guid><wfw:comment>http://blog.csdn.net/btbtd/comments/772092.aspx</wfw:comment><comments>http://blog.csdn.net/btbtd/archive/2006/06/03/772092.aspx#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://blog.csdn.net/btbtd/comments/commentRss/772092.aspx</wfw:commentRss><trackback:ping>http://tb.blog.csdn.net/TrackBack.aspx?PostId=772092</trackback:ping><description>HTML 编码打印中文日期字符 By Stabx 

这是 HTML 编码, 疯, 对编码是走火入魔了, 看到编码就联想到 ASCII 编码.

附: ASP 代码. 

shawl.qiu
2006-6-3 &lt;img src ="http://blog.csdn.net/btbtd/aggbug/772092.aspx" width = "1" height = "1" /&gt;</description></item><item><dc:creator>星☆空 </dc:creator><title>ASCII 打印中文日期字符 By Stabx </title><link>http://blog.csdn.net/btbtd/archive/2006/06/03/771671.aspx</link><pubDate>Sat, 03 Jun 2006 19:06:00 GMT</pubDate><guid>http://blog.csdn.net/btbtd/archive/2006/06/03/771671.aspx</guid><wfw:comment>http://blog.csdn.net/btbtd/comments/771671.aspx</wfw:comment><comments>http://blog.csdn.net/btbtd/archive/2006/06/03/771671.aspx#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://blog.csdn.net/btbtd/comments/commentRss/771671.aspx</wfw:commentRss><trackback:ping>http://tb.blog.csdn.net/TrackBack.aspx?PostId=771671</trackback:ping><description>ASCII 打印中文日期字符 By Stabx 

这个很有趣吧, ASCII 编码对中文也够意思的嘛.

注: 附 ASP 代码. 
建议: 用这个做日历可省很多字节.

shawl.qiu
2006-6-3 &lt;img src ="http://blog.csdn.net/btbtd/aggbug/771671.aspx" width = "1" height = "1" /&gt;</description></item><item><dc:creator>星☆空 </dc:creator><title>善用 HTML 的 BASE 属性 减少冗余 By Stabx </title><link>http://blog.csdn.net/btbtd/archive/2006/05/21/748209.aspx</link><pubDate>Sun, 21 May 2006 21:25:00 GMT</pubDate><guid>http://blog.csdn.net/btbtd/archive/2006/05/21/748209.aspx</guid><wfw:comment>http://blog.csdn.net/btbtd/comments/748209.aspx</wfw:comment><comments>http://blog.csdn.net/btbtd/archive/2006/05/21/748209.aspx#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://blog.csdn.net/btbtd/comments/commentRss/748209.aspx</wfw:commentRss><trackback:ping>http://tb.blog.csdn.net/TrackBack.aspx?PostId=748209</trackback:ping><description>页面链接在大多数情况下希望在新窗口打口, 通常在每个链接里加上 target=_blank, 如果有一千个链接, 字节数也就相当可观, 很浪费...

HTML 的 BASE 属性 可以指定链接怎么打开.
全部新窗口打开语法为:  &lt;img src ="http://blog.csdn.net/btbtd/aggbug/748209.aspx" width = "1" height = "1" /&gt;</description></item><item><dc:creator>星☆空 </dc:creator><title>Stlye Blue width 760px ,Backup... By Emerald 绿色学院 - Green Institute  </title><link>http://blog.csdn.net/btbtd/archive/2005/04/07/339262.aspx</link><pubDate>Thu, 07 Apr 2005 14:54:00 GMT</pubDate><guid>http://blog.csdn.net/btbtd/archive/2005/04/07/339262.aspx</guid><wfw:comment>http://blog.csdn.net/btbtd/comments/339262.aspx</wfw:comment><comments>http://blog.csdn.net/btbtd/archive/2005/04/07/339262.aspx#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://blog.csdn.net/btbtd/comments/commentRss/339262.aspx</wfw:commentRss><trackback:ping>http://tb.blog.csdn.net/TrackBack.aspx?PostId=339262</trackback:ping><description>Stlye Blue width 760px ,Backup... By Emerald 绿色学院 - Green Institute  &lt;img src ="http://blog.csdn.net/btbtd/aggbug/339262.aspx" width = "1" height = "1" /&gt;</description></item></channel></rss>