易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS 中英文导航

CSS:
<style type="text/css">
a{
  color: #FFFF99;
  text-decoration: none;
}
a:hover{
  color: #FFFFFF;
  text-decoration: underline;
}
  
#nav{
  padding: 10px 10px 0;
  font-size: 12px;
  font-weight: bold;
  margin: 1em 0 0;
  list-style:none;
}
#nav li{
  float: left;
  margin-right: 1px;
}
.bi{
  position: relative;
  z-index: 0;
}
.bi:hover{
  z-index: 99;
}
.bi:hover span{
  visibility: visible;
  top: 0;
  left: 0;
  cursor: pointer;
}
.bi span{
  position: absolute;
  left: -999em;
  visibility: hidden;
}
#nav li a,.bi:hover span{
  line-height: 20px;
  text-decoration: none;
  background: #DDDDDD;
  color: #666666;
  display: block;
  width: 80px;
  text-align: center;
}
#nav li a:hover,.bi:hover span{
  color: #FFFFFF;
  background: #DC4E1B;
}
.bi:hover span{
  padding-top: 2px;
}
#navbar{
  background: #DC4E1B;
  height: 8px;
  overflow: hidden;
  clear: both;
}
</style>
<ul id="nav">
    <li><a class="bi" href="http://download.csdn.net//">hanlinwang.org<span>我爱CSS</span></a></li>
    <li><a class="bi" href="#">About us<span>关于我们</span></a></li>
    <li><a class="bi" href="#">Products<span>产品展示</span></a></li>
    <li><a class="bi" href="#">Services<span>售后服务</span></a></li>
    <li><a class="bi" href="#">Contact<span>联系我们</span></a></li>
</ul>
<div id="navbar"></div>


相关文档:

css网页背景渐变

<style  type="text/css">
/*
  从上往下渐变
*/
body
{
   FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#003C9F,endColorStr=white);
}
/*
  从左上至右下渐变
*/
body
{
   background-color:skyblue;
   FILTE ......

IE与FF在js、css、html方面的不兼容问题


js要求:为使系统能在IE和FF下正常运行,不要使用原生态的javascript,建议使用js的库(如:jquery)
        并且要求用jquery中,获取对象的属性使用$obj.attr("attrName"),不要使用obj.attrName,防止自定义的属性在FF中不能正常运行
1、问题:<span></span>在FF下运 ......

第一次玩论坛,我是一个忠实的CSS者

姓名:乐乐---乐css-lecss
团队开发做的。本人负责的页面以及排版之类的,有兴趣的可以去网站上转悠转悠下。。
天堂网:
www.tiantang.cn
http://tiantang.cn/hills/hill1/page/hillindex.aspx 
老人网:
www.laoren.cn
--
设计过程那是一种漫长而昂贵的折磨..。
--
我蛮喜欢CSS的,可是却也对它很烦恼,有 ......

javascript+css 实现tab功能

<!---------<html>
    <head>
        <style type="text/css">
.tabheader table {
  border-collapse: collapse; /* for IE */
  border-spacing: 0; /* for N6 */
}
.tabheader table tr td {mar ......

CSS實現文字的邊框效果

<!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" xml:lang="en"><head><title>Cross-Browser Text Glow Demo</title>
<mce:style type="text/css"><!--
* {
font ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号