更改锚链接文本的大小和颜色
change Anchor link texts size and color
我正在尝试检测从上一页单击的锚链接。
我有一个像
HTML索引.html
<a href='test.html#project1'>project1</a><a href='test.html#project2'>project2</a><a href='test.html#project3'>project3</a>
bunch of stuff...
测试.html
<a href='#project1'>project1</a><a href='#project2'>project2</a><a href='#project3'>project3</a>
<a id = 'project1'>bunch of stuff......</a>
bunch of stuff
<a id = 'project2'>bunch of stuff......</a>
bunch of stuff
<a id = 'project3'>bunch of stuff......</a>
bunch of stuff
我想将单击的链接文本颜色更改为红色和更大的尺寸。因此,当用户从 index.html 中单击 project1 时,文本.html文本上的 project1 将变为红色且更大。
有没有办法通过CSS或jQuery来做到这一点?
谢谢!
使用以下代码:
if(window.location.hash){
$('a[href="'+ window.location.hash +'"]').addClass('active');
}
和示例 CSS 类:
a.active{
color: red;
font-size: 18px;
}
这将检查window.location.hash
是否存在,如果存在,则搜索href
值等于哈希的a
元素。然后,它将.active
类添加到任何匹配的元素。
相关文章:
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 高亮显示时编辑文本大小和颜色
- 使用CSS/JavaScript更改剑道图工具提示文本颜色
- mouseover和mouseleave文本颜色更改在指令链接中不起作用
- 如何在php中创建一个函数,该函数与文本区域一起工作,通过输入类似[color:red]的内容来打印具有等效颜色的文本
- HTML-从mysql生成的选择框中的一个选项更改文本区域的颜色
- 如果值为负数,如何更改文本的颜色
- 1种颜色的Javascript闪烁文本更长
- 如何更改圆环图中文本的颜色
- 如何在flash html5画布项目中动态更改文本颜色
- 单击时将文本的颜色更改为随机颜色(按钮)
- 使用JavaScript淡化文本颜色
- 在不更改边框颜色的情况下更改文本的颜色
- 使用Javascript切换文本颜色
- 我可以使用jqgrid的oncellselect事件根据单元格内容将文本颜色更改为蓝色吗
- 使用Javascript更改文本区域的颜色
- 如何使用颜色选择器来更改背景中的文本
- 内部 DIV 颜色文本在鼠标悬停时没有更改
- React Native TouchableHighlight字体颜色文本更改
- 邮件类型输入:如果邮件错误或正确,动态改变按钮的颜色/文本