使用CSS如何实现鼠标点击元素后向该元素添加样式
<ahref="portal.php">首页</a><ahref="forum.php">聚焦</a><aclass="{if$mod=='ranklist'}curre...
<a href="portal.php">首页</a>
<a href="forum.php" >聚焦</a>
<a class="{if $mod == 'ranklist'} current{/if}" href="misc.php?mod=ranklist" >热榜</a>
<a class="{if $mod == 'guide'} current{/if}" href="forum.php?mod=guide">广场</a>
这四个链接， “热榜”和“广场” 点击进去后 会显示“current”样式
“current”样式是字体变粗~
“首页”和“聚焦” 应该如何用添加if语句，让它也能点击进去之后~显示“current”样式？
如果if语句实现不了，JS应该怎么写？ 展开
<a href="forum.php" >聚焦</a>
<a class="{if $mod == 'ranklist'} current{/if}" href="misc.php?mod=ranklist" >热榜</a>
<a class="{if $mod == 'guide'} current{/if}" href="forum.php?mod=guide">广场</a>
这四个链接， “热榜”和“广场” 点击进去后 会显示“current”样式
“current”样式是字体变粗~
“首页”和“聚焦” 应该如何用添加if语句，让它也能点击进去之后~显示“current”样式？
如果if语句实现不了，JS应该怎么写？ 展开
3个回答
展开全部
使用CSS实现鼠标点击元素后向该元素添加样式，首先需要理解这个点击事件，通过单独的css或者是html是无法实现的，一般都需要结合Js来做，需要获取到这个元素，然后在通过js来改变元素的样式，在html中需要添加一个点击事件，也就是onclick，然后就是可以来实现，具体看下代码：
<html>
<head>
<style>
#round{
width:300px;
height:200px;
}
</style>
</head>
<script>
function iLeft(){
var oDiv = document.getElementById('round');
oDiv.style.left = 400+'px'; //通过js改变这个div的left值
}
</script>
<body>
<div id='round'>
<p><a href='' onclick="iLeft()" >我是测试文字</a></p>
</div>
</body>
</html>
<html>
<head>
<style>
#round{
width:300px;
height:200px;
}
</style>
</head>
<script>
function iLeft(){
var oDiv = document.getElementById('round');
oDiv.style.left = 400+'px'; //通过js改变这个div的left值
}
</script>
<body>
<div id='round'>
<p><a href='' onclick="iLeft()" >我是测试文字</a></p>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<a href="portal.php"{if CURSCRIPT == 'portal'} class="current"{/if}
>首页</a>
<a href="forum.php"{if CURSCRIPT == 'forum' && CURMODULE == 'index'} class="current"{/if}>聚焦</a>应该是discuz...
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
例如<a href="#2" onclick="nav()"></a>
<script type="text/javascript">
function nav(){
function hasClass(element, className) {
var reg = new RegExp('(s|^)'+className+'(s|$)');
return element.className.match(reg);
}
function addClass(element, className) {
if (!this.hasClass(element, className))
{
element.className += " "+className;
}
</script>
<script type="text/javascript">
function nav(){
function hasClass(element, className) {
var reg = new RegExp('(s|^)'+className+'(s|$)');
return element.className.match(reg);
}
function addClass(element, className) {
if (!this.hasClass(element, className))
{
element.className += " "+className;
}
</script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
