天空下的雨

用乐观的生活,品味非凡人生。 博客搬家了,欢迎进入新博客:www.sh96.cn

的存档

11

记录一下这天的事情

今天,早上,八点多钟一个电话打来,约好和雅丽古一起吃早餐,在那个什么店什么店吃粉来着,忘了,聊了些废话。

吃完早餐后,说要来我家玩,9点多吧,碰到了我们的老同学桥闹。之后,我们到他家坐了许久,聊了一些学校和工作的事情。

11点多,我们离开乔脑家。~·来到我家。。玩到3点左右吧,就去上课了。 中饭,是妹妹买的饭。晚上,一直在玩电脑。

结束语~简简单单的一天,让人悠然自得。

10

这两天把Z-blog整理升级了一下

这两天把Z-blog整理升级了一下,把其他地方的东西都整过来,以后常来这里写吧。

07

51地图API接口的初次使用

加入一个地图导航的功能,51ditu当然是首选啦。API接口实现代码。

<div id="myMap" style="position:relative; width:100%; height:100%;border:1px solid #999">
<br/><center>
地图载入中....</center>
</div>
<script language="javascript" src=" http://api.51ditu.com/js/maps.js "></script>
<script language="javascript">
//51地图API接口使用

var maps = new LTMaps( "myMap" );
//maps.cityNameAndZoom( "nanjing" , 3 ); //南京
var point = new LTPoint( 11880838, 3197046); //公司位置 标注用
var point2 = new LTPoint(11880838, 3197400); //地图中心

maps.centerAndZoom(point2,3); //定位地图中心和缩放比例

var control = new LTStandMapControl();
maps.addControl( control ); //标准缩放控件

var marker = new LTMarker( point );
maps.addOverLay( marker ); //加入标注

//maps.moveToCenter(point2); //地图移动到地图中心
maps.handleMouseScroll(); //鼠标滚轮支持
if(document.body.offsetWidth>800)//窗口较大的时候出现鹰眼
    maps.addControl(new LTOverviewMapControl());

var infoWin = new LTInfoWindow( marker );
infoWin.setLabel( "南京筑天纺织品有限公司<br>&nbsp;&nbsp;www.njzhutian.cn" ); //加入提示框
maps.addOverLay( infoWin );
//天空下的雨
</script>

演示:http://njzhutian.cn/map.html

05

明天还要早起呢,回家啦

盯着远方,我习惯发呆,很多事不是我不懂,而是装作不懂,很多的事,不是我不明白。只是我不想说,不想承让。

就快要去实习了,我一直尽快寻找一个属于自己的工作坐标。那个属于我的梦想如今仍然变得十分飘渺,或许我还没有确定自己的梦想是什么。但是我知道很快会水落石出。
生活是不允许我们空虚的,我喜欢充实,因为我热爱生活。难道现在属于人生的空白期吗。

好晚了,明天还要早起呢,回家啦。寻找幸福的感觉。
 

05

CSS自定义网页下划线样式

CSS为网页设计者们提供了丰富而灵活的页面元素表现形式的控制手段。但是,或许你可能注意到了,对于下划线,CSS提供的可选操作却不是很多。一般情况下,人们看到的下划线基本上都是横直线,缺少生气和灵动。不过,路并不是死的,通过一些绝妙的改造,我们还是可以做出富有创意的下划线来使页面更为美观。
  这是一个自定义下划线的例子:自定义的下划线 。是不是很酷呢?除了能让你的网页呈现出一个与众不同的风格之外,它还能对于文档中不同的文字类型给与不同的视觉外观,起到提醒或者着重的作用。
  下面我们就来一起学习如何自定义与众不同的下划线。
  首先,我们得先准备一幅作为下划线的图片。你可以利用先成的,也可以自己动手绘制。需要提醒注意的是,你所准备的图片应该适合水平方向上的重复,最好还能使透明的GIF格式,这样能够确保背景不被遮挡。
  另外,如果你所准备的下划线图片在高度(粗细)上占用比较多的像素,那么,应当增加该行文本和下行文本之间的行距(line-height)空间,可以这么设定:
 

p { line-height: 1.5; }

接下来要做的事情是取消原来默认的下划线,这样我们才能把自定义的下划线应用到指定文本,使用如下的CSS设定(它的含义是让超链接文字没有任何修饰):
 

a { text-decoration: none; }

好了,现在可以来创建自定义的下划线了,这里,我们用准备的图片设定为超链接元素的背景图片,如下:
 

a { background-image: url(underline.gif); }

当然,文字的长度未必和原图的长度相等,这就需要考虑图片重复的问题,也就是说,应当把重复限定在水平方向的X轴上,可以如下设定:
 

a { background-repeat: repeat-x; }

还有个必须考虑的问题,就是字的大小改变怎么办?要让下划线的图片始终显示在超链接文字的下方,而不必理会文字大小的话,我们应当使用CSS中的背景位置(background-position)属性来定位图片位于超链接元素色底部。而对于如箭头这样的下划线图片,还得考虑超链接的文本边缘和图片边对齐。 下面的这个例子将下划线背景图片的位置限定在右下角:
 

a { background-position: 100% 100%; }

如何控制自定义的下划线图片和文字之间的空白呢?这个可以通过增加填充(padding)来做到。下划线图片相对于超链接文本基线(baseline)的确切位置以来与所用的字的大小。建议你一开始将底部填充(bottom-padding)的大小设定同下划线图片的高度相等,然后再慢慢调整到合适位置(下面这个CSS设定超链接的底部填充为4像素):
 

a { padding-bottom: 4px; }

因为下划线的图片被定位在超链接元素的底部,所以需要确保所用的超链接文本没有跨行,否则,只有处在最下面的超链接文本会出现自定义的下划线了。怎么解决呢,那就是阻止超链接文本跨行产生,可以通过CSS的white-space属性来完成:
 

a { white-space: nowrap; }

好了,把上面提到的这些超链接标记的CSS设定合并起来,结果如下:
 

a {
text-decoration: none;
background: url(underline.gif) repeat-x 100% 100%;
padding-bottom: 4px;
white-space: nowrap;
}

还记得有些超链接文本没有下划线,但是当鼠标移到它的上面的时候,下划线就浮现出来的情况么?自定义的下划线也可以做到这个效果,那就在:hover上设定超链接背景,而不是在超链接标记a上设定,如下:
 

a {
text-decoration: none;
padding-bottom: 4px;
white-space: nowrap;
}
a:hover {
background: url(underline.gif) repeat-x 100% 100%;
}

怎么样,是不是很简单呢?在来看看一些例子和它们对应的CSS设定:
静态下划线:
 

a#example3a {
text-decoration: none;
background: url(’/pic/200542191630940.gif’) repeat-x 100% 100%;
}

浮动效果下划线
 

a#example3b {
text-decoration: none;
white-space: nowrap;
padding-bottom: 2px;
}
a#example3b:hover {
background: url('http://tech.tom.com/images/computer/2004/02/04/diagonal.gif') repeat-x 100% 100%;
}

静态下划线
 

a#example4a {
text-decoration: none;
background: url('http://tech.tom.com/images/computer/2004/02/04/flower.gif') repeat-x 100% 100%;
white-space: nowrap;
padding-bottom: 10px
}