冬日梨花体

作者:dangbao 日期:2008-12-01

这个冬天雪还不下，站在路上眼睛不眨。
我的头发有点长了，睡醒以后蓬蓬扎扎。
天气不冷也不太热，屋里外面差别不大。
工作学习有点累了，天黑以后才能回家。
路上路下车来人往，白天黑夜时光匆忙。
偶尔抬头看看天空，很少听到叽叽喳喳。
时间挤压越来越少，体重增加越来越胖。
岁末即兴仿梨花体，请君不要看的匆忙。

Tags: 冬日梨花体

分类:党宝随记 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 66

逛月坛公园北京冬季书市

作者:dangbao 日期:2008-11-29

在地铁上看到了月坛公园在办书市，于是和鹿宝商量后乘坐683前往，走三环到安贞桥东换乘117路到了月坛公园东门，然后匆匆买了两张票就进去了，门票是5元钱一张。看了看介绍是第五届北京青年学习节暨2008北京冬季书市。时间是从11月28日至12月8日。刚开始里面的人不是很多，最起码行走起来还是比较流通的。书籍的分类很多，都是各个出版社和各个书店的摊位。书籍新旧不等，纷纷在打折销售。新出的书在7-8折居多，旧点的书2-5折居多。越往里面走，摊位和物品类型越来越多，人流也开始多起来了。看了看计算机类型的摊位不算多，而且专业书籍也不多，大多是普及型的软件操作。当然也有很棒的书即便是打折以后也是价格不菲。秀一秀我买的其中一本书吧。

Tags: 月坛公园北京书市

分类:游玩影踪 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 167

北京主要旅游景点门票信息一览

作者:dangbao 日期:2008-11-25

北京主要旅游景点门票、电话、开放时间及相关信息
北京旺季：4月1日—10月30日
北京淡季：11月1日－3月31日
故宫   旺60/淡40
颐和园    30/20
天坛   30
国家博物馆   30
毛主席纪念堂     免
北海       10/5
天安门城楼       15
人民大会堂       30/30
……

Tags: 北京旅游门票

分类:游玩影踪 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 390

dom非定位下拉菜单

作者:dangbao 日期:2008-11-20

最近一直很忙，文章也发的少了。进入冬天了，总是感觉有点累，大概是季节变换带来的身体不适吧。下面请看我的一本JS书里面带的关于DOM实现的下拉菜单实例，不象以往发的下拉菜单往往通过相对定位和绝对定位来实现下拉。好了，请点击文章后查看效果。

Code
A DOM drop-down menu
// global variables for timeout and for current menu
var t=false,current;

function SetupMenu() {
   if (!document.getElementsByTagName) return;
   items=document.getElementsByTagName("li");
   for (i=0; i<items.length; i++) 
……

Tags: DOM下拉菜单

分类:兼容代码 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 188

li内图文rollover效果

作者:dangbao 日期:2008-11-12

此效果要实现的是鼠标经过LI出现白背景，而LI内有小图标和文字。呵呵，看上去简单的效果，则有许多思路来实现，我们给每个导航加不同的小图标，就需要单独定义三个CLASS，用来背景来显示几个透明的小图。我们都知道用背景来显示图片可以精确的定位小图位置，和文字协调。在页面里，可以将给LI加CLASS，也可以给A加CLASS。但是这两个效果都不好，不是鼠标经过显示不了小图标，就是图标在背景外。那么就在文字前面加个SPAN标签，用来显示图片。SPAN是行内元素，所以需要使用DISPLAY:BLOCK来使其块状显示。然后左浮动，如果不加浮动文字会回行，因为SPAN已经是块状显示了。OK，效果出来了。查看效果

Tags: li 图文 rollover

分类:兼容代码 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 286

CSS实现双边框的图片,鼠标经过背景变色

作者:dangbao 日期:2008-11-11

用border实现图片的一个边框不算难事，如果要是想加双边框并且有间距有背景就值得去探讨了，看看我的例子吧。
点击查看效果

Code
<style>
*{margin:0;padding:0;list-style:none;}
img{border:1px solid #ccc}
.info li { padding:5px;width:144px;float:left}
.info li .img { padding:5px; border:1px solid #CBCBCB;display:block;}
.info li .img:link,.info li .img:visited {border:1px solid #CBCBCB;}
.info li .img:hover{border:1px solid #CBCBCB;background:#f0f0f0;}
</style>……

Tags: css 图片边框

分类:兼容代码 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 523

CSS代码横竖格式化工具

作者:dangbao 日期:2008-11-10

点击查看CSS代码横竖排版格式化工具

Tags: css 格式化

分类:重构资源 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 168

添加一行声明代码-兼容IE8

作者:dangbao 日期:2008-11-06

无意打开IETester在IE8下测试了一个页面，突然发现一个父级position:relative;子级position:absolute;的样式焦点轮播的时候在IE8下居然是错位的。仔细看了一下，发现IE8居然不认父级的相对定位，直接就是在屏幕上显示绝对定位。初步判断是IE8对JS的解释变化了。但是我之前在各个浏览器都测试过了，没问题。
本着学习的态度，我开始查看一些知名站点在IE8下的显示情况，当然过程是疑惑+漫无目的的。直接奉上我最后得到的结果吧。在HEAD里面多了一些代码。很疑惑，搜索一下，找到了微软的MSDN,在IE8的问题下面有一条“如何立即修复我的站点？”，看完了文章，恍然大悟，原来代码是强制将IE8以类似IE7的方式来呈现页面。

Code
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

原文：
快速短期修复措施
您维护的现有网页可以在 Windows Internet Explorer 7 中正常显示，但您希望通过极少的修改进行更新后，它能够在 Windows Internet Explorer 8 中正常显示。有两种方法。您可以在每个页面中添加兼容性模式 META 标记，强制 Windows Internet Explorer 8 以类似 Windows Internet Explorer 7 呈现页面的方式来呈现页面。如果您控制 Web 服务器，还可以将服务器配置为发送与每个网页的 META 标记等效的自定义 HTTP 响应标头，以使服务器自动添加兼容性。

如何修改每个页面
将以下 HTML META 标记放置到每个网页的 HEAD 元素中（在除 TITLE 或 META 外的标记之前）：

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

通过以上方式修复您的网站后，将强制 Windows Internet Explorer 8 以类似 Windows Internet Explorer 7 呈现页面的方式来呈现页面。

如何将服务器配置为自动修改每个页面
若要在每个页面中自动添加等效于 HTML META 标记的兼容性，请将服务器配置为发送以下标头：

X-UA-Compatible:IE=EmulateIE7

若要配置 Microsoft Internet Information Services (IIS) 7.0，请按以下方式配置 Web.config 文件：

Code
<?xml version="1.0" encoding="utf-8"?>
<configuration>
   <system.webServer>
      <httpProtocol>
         <customHeaders>
            <clear />
            <add name="X-UA-Compatible" value="IE=EmulateIE7" />
         </customHeaders>
      </httpProtocol>
   </system.webServer>
</configuration>

Tags: 兼容 IE

分类:兼容代码 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 546

支付宝滚动新闻代码

作者:dangbao 日期:2008-11-03

用jquery来做的比较新颖的滚动新闻方式。需要学习参考的朋友请查看源文件下载。
点击查看支付宝滚动新闻代码

Tags: 门户滚动

分类:兼容代码 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 231

CSS三列等高自适应

作者:dangbao 日期:2008-10-31

实现对齐的方法很多，JS的方法过去比较多，但弊端之一就是必须页面加载完才能去强制执行，所以有时候页面比较卡。所以不大通用了。CSS的兴起给对齐带来了很多新的方法和死路。通过margin和padding的负值、模块定位的方式都能实现。下面还有一种是网友通过BORDER来实现，很有意思。请点开文章运行查看效果。

Code
<title>纯CSS三列等高</title> 
* {margin: 0; padding: 0;} 
body {margin:30px;font:14px/1.6em Verdana, Arial } 
.main {overflow: hidden; width: 800px; margin: 0 auto;} 
.left {float: left; width: 250px; overflow: hidden; } 
.center {float:left; margin-left:5px; width:295px; } 
.right {float: right; width: 245px; overflow: hidden;} 
.bor_top { height:1px; background:#CCC; overflow:hidden; } 
.equal {padding-bottom: 32767px; margin-bottom: -32767px;} 
.box {background: #EEE; border: 1px #CCC solid; padding-left:10px; padding-right:10px;} 
.mt5 {margin-top: 5px;}

Code
*{margin:0;padding:0;font-size:14px}
.header, .footer {width:900px;height:50px;margin:0 auto;background:#E5E5E5;}
.content {position:relative;width:600px;margin:10px auto;border-left:170px solid #333333;border-right:130px solid #CCCCCC;}
.mainBox {width:580px;margin-left:10px;overflow:hidden;background:#F4F4F4;}
.sideBar1 {position:absolute;top:0;right:-130px;width:130px;}
.sideBar2 {position:absolute;top:0;left:-170px;width:170px;color:#FFFFFF;}
p{margin:10px;}

Tags: css 对齐

分类:兼容代码 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 243