引用 IE8网页快讯的实现

 

引用

TONYIE8网页快讯的实现

原文:http://www.cnblogs.com/yukaizhao/archive/2009/03/31/ie8_slice_news.html

网页快讯实现非常简单,就是几个固定的css,请看下面的代码:

IE8网页快讯的实现 - TONY - TONY的博客IE8网页快讯的实现 - TONY - TONY的博客Code
<div class="defaultSection  hslice" id="divRecomment">
  
<h2 class="entry-title">今日推荐孕期阅读</h2>
  
<ul class="entry-content">
    
<li><href="http://www.baobaoyunli.com/bbs/post,229.aspx">怀孕五个多月了胃灼烧(烧心)怎么办</a></li>
    
<li><href="http://www.baobaoyunli.com/bbs/post,181.aspx">胎教故事仙人世界</a></li>
    
<li><href="http://www.baobaoyunli.com/bbs/post,237.aspx">各个阶段有益胎儿发育的食物 </a></li>
    
<li><href="http://www.baobaoyunli.com/bbs/post,224.aspx"><strong>怀孕能给女人带来10种好处</strong></a></li>
    
<li><href="http://www.baobaoyunli.com/bbs/post,232.aspx">教你亲子交流50妙招! </a></li>
  </ul>
</div>

 

大家可以看到在div上面有一个hslice的css class,这个class表示这个div内的内容是一个网页快讯,同时要求这个div必须指定id;还有两个固定的css分别是entry-title和entry-content分别表示网页快讯的标题和内容元素。这个神奇的功能需要我们做的事情就是指定一个id和三个css的class。

ie8的这个功能真炫。感谢微软。

posted @ 2010-03-05 14:51  桀歌  阅读(128)  评论(0编辑  收藏  举报