javascript:我想让鼠标放在第一个li上,这个li的位置向上移动2px该如何实现,在javascript里代码不懂写
我不知道传进去的参数应该调用什么来让这个li移动?<scripttype="text/javascript">functionfloats(obj){obj.}</scr...
我不知道传进去的参数应该调用什么来让这个li移动?
<script type="text/javascript">
function floats(obj){
obj.
}
</script>
<style type="text/css">
li{
border:1px solid #ABC;
display:block;
width:100px;
height:50px;
float:left;
margin:10px;
text-align:center;
}
</style>
</head>
<body>
<ul>
<li class="li1" onMouseOver="floats(li1)">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</body> 展开
<script type="text/javascript">
function floats(obj){
obj.
}
</script>
<style type="text/css">
li{
border:1px solid #ABC;
display:block;
width:100px;
height:50px;
float:left;
margin:10px;
text-align:center;
}
</style>
</head>
<body>
<ul>
<li class="li1" onMouseOver="floats(li1)">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</body> 展开
展开全部
<title></title>
<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("ul li").hover(function () {
$("ul li").removeClass("liclass");
$(this).addClass("liclass");
})
})
</script>
<style type="text/css">
li
{
border: 1px solid #ABC;
display: block;
width: 100px;
height: 50px;
float: left;
margin: 10px;
text-align: center;
}
.liclass{ margin-top:-2px;}
</style>
</head>
<body>
<ul>
<li class="li1" onmouseover="floats(li1)">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</body>
点击的 时候 最好是清空 以前 给li加的样式
<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("ul li").hover(function () {
$("ul li").removeClass("liclass");
$(this).addClass("liclass");
})
})
</script>
<style type="text/css">
li
{
border: 1px solid #ABC;
display: block;
width: 100px;
height: 50px;
float: left;
margin: 10px;
text-align: center;
}
.liclass{ margin-top:-2px;}
</style>
</head>
<body>
<ul>
<li class="li1" onmouseover="floats(li1)">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</body>
点击的 时候 最好是清空 以前 给li加的样式
追问
你用的是jq吧,我没学过,那如果呀结合onMouseOver事件,你写的这段代码该如何改啊?我想做:把鼠标移到一个按钮,按钮线上移动2px,鼠标离开则恢复原样
追答
$(function () {
$("ul li").removeClass("liclass");
$("ul li").mousemove(function () {
$(this).addClass("liclass");
}).mouseout(function () {
$(this).removeClass("liclass");
})
})
展开全部
<!DOCTYPE HTML>
<html>
<head>
<style>
li{
border: 1px solid #ABC;
display: block;
width: 100px;
height: 50px;
float: left;
margin: 10px;
text-align: center;
}
li:hover{
margin-top: -2px;
}
</style>
</head>
<body>
<ul>
<li>111111</li>
<li>222222</li>
<li>333333</li>
<li>444444</li>
</ul>
</body>
</html>
<html>
<head>
<style>
li{
border: 1px solid #ABC;
display: block;
width: 100px;
height: 50px;
float: left;
margin: 10px;
text-align: center;
}
li:hover{
margin-top: -2px;
}
</style>
</head>
<body>
<ul>
<li>111111</li>
<li>222222</li>
<li>333333</li>
<li>444444</li>
</ul>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询