当链接被点击时改变一个内部锚标记css
Changing an internal anchor tags css when the link is clicked
我有一个导航栏,其中包含链接到页面某些部分的标签列表。
我想知道是否有可能通过javascript或css来改变链接的不透明度,当它被点击和内容显示时,当下一个列表项被点击时,将改变为活跃的不透明度,旧的链接将变回正常。
下面是页面和底部导航栏的工作测试:http://www.luvly.co.nz/space/process.html
在js/process-slider.js中添加以下行:
$('a.panel').click(function () {
$('.selected').css('opacity','1'); /* this one - the normal state*/
$('a.panel').removeClass('selected');
$(this).addClass('selected');
current = $(this);
$('#wrapper').scrollTo($(this).attr('href'), 800);
$('.selected').css('opacity','0.5'); /* and this one - the clicked state*/
return false;
});
注意:将0.5更改为您想要的任何数字(0 可以这样使用 这是一个例子,所以把这些类按照你的代码。:active
和:hover
伪类#Navigation a:active
{
opacity: 0.9;
}
#Navigation a:hover
{
opacity:0.4
}
通过CSS,你可以做这样的事情,只要简单地改变下面的不透明度值到你想要的,因为你没有提到任何具体的不透明度设置。
#process-nav-bar .panel:active {
opacity: 0.5;
}
#process-nav-bar .panel:hover {
opacity: 0.4;
}
#process-nav-bar .panel {
opacity:0.3;
}
相关文章:
- 如何从另一个处理程序内部取消JavaScript事件处理程序函数的执行
- 一个'var'在函数内部声明
- 在另一个Find(..)的回调内部查找,如何逃离回调地狱
- 点击一个按钮,有没有一种方法可以检查Div内部的图像
- 从另一个(初学者内部)访问嵌套的javascript函数
- 方法不在另一个方法内部调用
- 如何选择一个类而不是其内部元素
- 相对于他在jQuery/Js中的一个内部数据对数组进行排序
- 是否有一个简单的 JQuery 过程来替换页面上每段内部文本的字符串
- JavaScript 在内部函数中保留一个 var
- 从模态内部的主体复制一个谷歌地图
- Javascript OOP-从函数返回一个值;s在对象内部's方法(嵌套函数)
- 如果我们使用:运算符在函数内部定义一个属性,会发生什么
- 如何使用jQuery访问属于函数内部另一个函数的对象的属性
- 如何在函数内部定义一个变量以供事件调用
- 我的联系表格在测试/PHPMailer后给了我一个内部服务器错误(500)
- 调用一个位于字符串内部的JavaScript函数,并将params与一个变量连接起来
- 立即调用角控制器内部的函数,这是一个很好的实践
- 在方法内部调用另一个方法 ReactJS
- 将每个函数与 getJSON 一起使用一个内部文件