梦幻式下拉菜单- CSS样式表 - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 梦幻式下拉菜单

CSS样式表: css 简单区别ie6,ie7,firefox的写法; 解决在IE6下文字溢出（多出一行字）的解决方法小结; 纯css 鼠标移上查看大图的效果; css 完美清除浮动的两种解决方案; css 透明度的设置兼容所有浏览器; pre 自动换行的问题; CSS 图片定位的几种方式; div+css学习笔记(IE与fox好多不兼容的问题); 让你的页面对 IE6 显示出黑白色(多浏览器); li 自适应宽度; 样式表达式实现交替显示table行颜色; css 控制图片大小小于固定值控制大小; CSS 各种滤镜代码解释用法案例; 针对firefox ie6 ie7 ie8的css样式hack; CSS 样式层裁剪图片; 十个非常实用的CSS属性(IE不支持); CSS渲染速度改善的十个方法与建议; css z-index 最大值; css z-index 在IE中的迷惑; IE与Firefox中兼容的html设计中使用CSS改变鼠标为手形

No. « ‹ 17 18 19 20 › »

技术文章搜索

关键字

CSS样式表中的梦幻式下拉菜单

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 55 ::

收藏到网摘: n/a

CSS实现表格的背景两色渐变闭合浮动元素超级简单的方法

点击运行可以看到效果:

<STYLE type=TEXT/CSS>
A {
TEXT-DECORATION: none
}
A:hover {
COLOR: #ff9900; TEXT-DECORATION: underline
}
TD {
FONT-SIZE: 9pt; LINE-HEIGHT: 13pt
}
TH {
FONT-SIZE: 9pt; LINE-HEIGHT: 13pt
}
BODY {
FONT-SIZE: 9pt; LINE-HEIGHT: 13pt
}
#mnu {
FILTER: revealTrans(Duration=1.5,Transition=12) visibility:hide
}
</STYLE>
<SCRIPT>
function set_mnu()
{
if (mnu.style.visibility=="hidden")
{
//产生效果和把图层显示
mnu.filters.revealTrans.apply();
mnu.style.visibility="visible";
mnu.filters.revealTrans.play();
}
else{
//隐藏图层和停止效果播放
mnu.filters.revealTrans.stop();
mnu.style.visibility="hidden" ;
}
}
</SCRIPT>
</head>
　
<table border="1" width="13%" bordercolorlight="#000000" bordercolordark="#FFFFFF" bordercolor="#EFEFEF" cellspacing="0">
<tr>
<td width="100%">
<p align="center"><A href="javascript:set_mnu(mnu);">显示菜单</A>
</td>
</tr>
</table>
<DIV id=mnu
style="HEIGHT: 10px; LEFT: 1px; POSITION: relative; TOP: 1px; VISIBILITY: hidden; WIDTH: 93px; Z-INDEX: 1">
<TABLE border=0 cellPadding=2 cellSpacing=4 width="100%">
<TBODY>
<TR >
<TD align="center" style="border: 1 solid #000000">测试一</TD></TR>
<TR >
<TD align="center" style="border: 1 solid #000000"><a href="#">测试一</a></TD></TR>
<TR >
<TD align="center" style="border: 1 solid #000000"><a href="#">测试一</a></TD></TR>
<TR >
<TD height=13 align="center" style="border: 1 solid #000000"><A href="javascript:window.location='view-source:'+window.location.href" onclick="window.location='view-source:'+window.location.href">查看源文件</A></TD></TR>
</TBODY>
</TABLE>
</DIV>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

CSS实现表格的背景两色渐变闭合浮动元素超级简单的方法

CSS样式表 中的 梦幻式下拉菜单

评论 (0) All

CSS样式表中的梦幻式下拉菜单