a:hover默认状态。
有一组a标签,给他们加了同样的hover,鼠标移上去才会触发hover,现在页面刚刚加载完成,我想让第一个a标签默认hover状态,这时候鼠标是没有移上去的。不用js能不...
有一组a标签,给他们加了同样的hover ,鼠标移上去才会触发hover,现在页面刚刚加载完成,我想让第一个a标签默认hover状态,这时候鼠标是没有移上去的。不用js能不能实现?
展开
展开全部
这是可以的,我写了个例子,希望可以帮助你。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
*{padding:0; margin: 0; font-size: 12px;}
ul,li{list-style: none;}
body{text-align: center;}
div{width: 100px; margin: 0 auto;}
a{width: 100px; line-height: 40px; background: #eee; border-bottom:1px white solid; text-align: center; display: block;}
.hover{background: red;}
</style>
</head>
<body>
<div class="nav">
<a href="" class="hover">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="">5</a>
</div>
<script>
$(".nav a").mousemove(function(event) {
$(this).addClass('hover').siblings().removeClass('hover');
});
</script>
</body>
</html>
大雅新科技有限公司
2024-11-19 广告
2024-11-19 广告
这方面更多更全面的信息其实可以找下大雅新。深圳市大雅新科技有限公司从事KVM延长器,DVI延长器,USB延长器,键盘鼠标延长器,双绞线视频传输器,VGA视频双绞线传输器,VGA延长器,VGA视频延长器,DVI KVM 切换器等,优质供应商,...
点击进入详情页
本回答由大雅新科技有限公司提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询