求一个jquery按钮特效,当鼠标移上去之后 按钮周围就会出现一些选择....
记得以前在那里看见过,当鼠标移动到按钮上方时按钮四周会出现其他的按钮忘记说了是个插件外国的....我个人比较讨厌flash...
记得 以前在那里看见过 ,
当鼠标移动到按钮上方时 按钮四周会出现其他的按钮
忘记说了 是个插件 外国的....
我个人比较讨厌flash 展开
当鼠标移动到按钮上方时 按钮四周会出现其他的按钮
忘记说了 是个插件 外国的....
我个人比较讨厌flash 展开
3个回答
展开全部
你说的是不是菜单呢？如果是菜单，不需要jquery 如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
li{
position:relative;
width:80px;
height:30px;
background:#FF9933;
border:1px solid #000;
}
ul{
list-style:none;
visibility:hidden;
position:absolute;
left:0;
top:30px;
}
div li:hover ul,div li a:hover ul{
visibility:visible;
}
a{
text-decoration:none;
}
li ul li{
width:80px;
height:30px;
background:#FFFF66;
border:1px solid #000;
text-align:center;
}
</style>
</head>
<body>
<div>
<li><a href="#">第一分类</a>
<ul>
<li><a href="#">css</a></li>
<li><a href="#">xhtml</a></li>
<li><a href="#">flash</a></li>
<li><a href="#">ps</a></li>
</ul>
</li>
</div>
</body>
</html>
或者只是隐藏起来 如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="js/jquery-1.3.1.js" type="text/javascript"></script>
<title>无标题文档</title>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
$("#b").css("display","block");
});
})
</script>
<style type="text/css">
*{
margin:0;
padding:0;
}
</style>
</head>
<body>
<input id="btn" type="button" value="点击" />
<div id="b" style="display:none">
<input type="button" value="按钮" /><input type="button" value="按钮" /><input type="button" value="按钮" />
</div>
</body>
</html>
不知道以上是不是你想要的，希望对你有所帮助
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
li{
position:relative;
width:80px;
height:30px;
background:#FF9933;
border:1px solid #000;
}
ul{
list-style:none;
visibility:hidden;
position:absolute;
left:0;
top:30px;
}
div li:hover ul,div li a:hover ul{
visibility:visible;
}
a{
text-decoration:none;
}
li ul li{
width:80px;
height:30px;
background:#FFFF66;
border:1px solid #000;
text-align:center;
}
</style>
</head>
<body>
<div>
<li><a href="#">第一分类</a>
<ul>
<li><a href="#">css</a></li>
<li><a href="#">xhtml</a></li>
<li><a href="#">flash</a></li>
<li><a href="#">ps</a></li>
</ul>
</li>
</div>
</body>
</html>
或者只是隐藏起来 如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="js/jquery-1.3.1.js" type="text/javascript"></script>
<title>无标题文档</title>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
$("#b").css("display","block");
});
})
</script>
<style type="text/css">
*{
margin:0;
padding:0;
}
</style>
</head>
<body>
<input id="btn" type="button" value="点击" />
<div id="b" style="display:none">
<input type="button" value="按钮" /><input type="button" value="按钮" /><input type="button" value="按钮" />
</div>
</body>
</html>
不知道以上是不是你想要的，希望对你有所帮助
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
