如何用JQ来实现鼠标经过图片向左位移5PX,鼠标离开又回到原始状态 70
1号店里面一个商品,鼠标放上去向左位移了一点,鼠标离开后恢复原始位置。希望高手来解答,最好有代码。...
1号店里面一个商品,鼠标放上去向左位移了一点,鼠标离开后恢复原始位置。希望高手来解答,最好有代码。
展开
2015-05-05
展开全部
<style type="text/css">
.dh a{ background:#FFFFCC; width:50px; height:30px; display:block; text-align:center; color:#000000;}
.dh a:hover{ background:#FF9900;}
</style>
</head>
<body>
<div>
<div class="dh"><a href="#">导航1</a></div>
<div class="dh"><a href="#">导航2</a></div>
<div class="dh"><a href="#">导航3</a></div>
<div class="dh"><a href="#">导航4</a></div>
<div class="dh"><a href="#">导航5</a></div>
</div>
<script type="text/javascript">
$(function(){
$(".dh a").click(function(){
$(".dh a").removeAttr("style");
$(this).attr("style","background:#CCFF99;");
})
})
</script>
.dh a{ background:#FFFFCC; width:50px; height:30px; display:block; text-align:center; color:#000000;}
.dh a:hover{ background:#FF9900;}
</style>
</head>
<body>
<div>
<div class="dh"><a href="#">导航1</a></div>
<div class="dh"><a href="#">导航2</a></div>
<div class="dh"><a href="#">导航3</a></div>
<div class="dh"><a href="#">导航4</a></div>
<div class="dh"><a href="#">导航5</a></div>
</div>
<script type="text/javascript">
$(function(){
$(".dh a").click(function(){
$(".dh a").removeAttr("style");
$(this).attr("style","background:#CCFF99;");
})
})
</script>
追问
好像不是这样的啊,要有位移的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询