1.css

来自「javescript网页特效80个例子」· CSS 代码 · 共 61 行

.menubar{    
position: relative;    
background-color: transparent;    
text-align: center}
.bar{    border-right: blue 1px outset;    
border-top: blue 1px outset;    
float: left;    
border-left: 
blue 1px outset;    
width: 100px;    
cursor: hand;    
text-indent: 5px;    
border-bottom: blue 1px outset;    
position: relative;    
background-color: deepskyblue;    
text-align: center}
.menu{    
border-right: buttonhighlight thin outset;    
border-top: buttonhighlight thin outset;    
visibility: hidden;    
border-left: buttonhighlight thin outset;    
width: 150px;    
line-height: 140%;    
border-bottom: buttonhighlight thin outset;    
position: absolute;    
background-color: deepskyblue}
.menuitem{    
padding-right: 15px;    
padding-left: 10px;    
width: 100%;    
cursor: hand;    
line-height: 20px;    
border-bottom: white 1px solid}
.itemmouseover{    
padding-right: 15px;    
padding-left: 10px;    
width: 100%;    
cursor: hand;    
color: highlighttext;    
line-height: 20px;    
border-bottom: white 1px solid;    
background-color: highlight}
.itemmouseout{    
width: 100%}
.arrow{    
float: right;    
font-family: webdings;    
position: absolute;    
text-align: left}
.barover{    
border-right: blue 1px ridge;    
border-top: blue 1px ridge;    
float: left;    
border-left: blue 1px ridge;    
width: 100px;    
cursor: hand;    
text-indent: 5px;    
border-bottom: blue 1px ridge;    
position: relative;    
background-color: deepskyblue;    
text-align: center}