|
|
|
作者:
来源: 发表时间:2006-05-14
浏览次数:
| |
|
|
|
[实现部分] [样式部分] [样式部分-无标签]
1.[实现部分]
<div style="background-color:#3366CC;width:68px;text-align:center; padding:3px;border-bottom:1px solid #FFFFFF;z-index:1;" onmouseover="myMenu.style.display='block'" onmouseout="myMenu.style.display='none'"> <div style="position:absolute;width:0px;height:0px;overflow:visible;"> <div id=myMenu style="position:absolute;left:-10px;top:18px;display:none; width:90px;background-color:#3366CC;padding:5px;text-align:left;"> <a href=#none>Link 1</a><br> <a href=#none>Link 2</a><br> <a href=#none>Link 3</a><br> <a>...</a><br> <a href=#none>Link N</a><br> </div> </div> <a href=#none>菜单实例</a> </div> |
2.[样式部分]
<style type=text/css> td,div { font: normal 12px 宋体; } a { color: #F8F8F8; text-decoration: none; } a:hover { color: #F8F8F8; text-decoration: underline; } </style> |
3.[样式部分-无标签]
td,div { font: normal 12px 宋体; } a { color: #F8F8F8; text-decoration: none; } a:hover { color: #F8F8F8; text-decoration: underline; } |
|
|
|
|
| 推荐专题 |
 |
|
|