js 下拉菜单

时间：2022-07-02 14:58:44 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

js 下拉菜单
<ul id="menu">
			<li id="home">
			</li>
<li id="single">
			</li>
<li id="dropdown">
			</li>
<li id="dropline">
			</li>
<li id="flyout">
			</li>
<li id="support">
			</li>
<li id="contact">
		</li>
</ul>
		<style>
		#pad {}
#menu {padding:0; margin:0 0 0 300px; list-style:none;   background:url(https://img.11*1c*o*m.net/get_pic/20091217010001824.png)}
* html #menu {
margin:0;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://img.*1*1*1com.net/get_pic/20091217010001824.png', sizingMethod='scale');
}

#menu li {position:relative; float:left; margin:0 5px; padding-top:4px;}
#menu li a {display:block;  line- padding:0 20px 0 0; float:left; color:#ddd; text-decoration:none; font-family:arial, sans-serif; font-size:11px;}
#menu li a b {display:block;  float:left; padding:0 0 0 20px;}

#menu li a:hover, 
#menu li a:active,
#menu li a:focus,
.home #menu li#home a,
.single #menu li#single a,
.dropdown #menu li#dropdown a,
.dropline #menu li#dropline a,
.flyout #menu li#flyout a,
.support #menu li#support a,
.contact #menu li#contact a
{ background: url(https://www.**1*11cn.net/blog/upload/image/20091217071844.png) right top; cursor:pointer; color:#fff; line-}
#menu li a:hover b,
#menu li a:active b,
#menu li a:focus b,
.home #menu li#home a b,
.single #menu li#single a b,
.dropdown #menu li#dropdown a b,
.dropline #menu li#dropline a b,
.flyout #menu li#flyout a b,
.support #menu li#support a b,
.contact #menu li#contact a b
{ background: url(https://www.1*1**1cn.net/blog/upload/image/20091217071903.png) left top; cursor:pointer;}

</style>

提示：您可以先修改部分代码再运行

推荐专题

最新下载

热门教程

js 下拉菜单

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程