- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
大家好,新人。我已尽力通过搜索找到一个简单的解决方案,但我还没有找到任何适合我的解决方案。我的网站使用隐藏/显示 div 的导航栏来“更改页面”(全部包含在一个 HTML 文件中),目前没有视觉指示符来表明这些项目中的哪一个是当前页面。我怎样才能做到这一点,以便当单击菜单项时,该项目上启用文本发光效果(我假设是 CSS3 效果),并且所有其他菜单项上的文本发光都关闭?感谢您的帮助!
最佳答案
JsFiddle:http://jsfiddle.net/usd6v5kp/1/
HTML:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" type="text/css" href="StyleSheet.css">
<title></title>
</head>
<body>
<p id="Test1" onclick="glow1()">ITEM ONE</p>
<p id="Test2" onclick="glow2()">ITEM TWO</p>
<p id="Test3" onclick="glow3()">ITEM THREE</p>
</body>
</html>
JQuery:
function glow1() {
$('#Test1').addClass('class1');
$('#Test2').removeClass('class1');
$('#Test3').removeClass('class1');
}
function glow2() {
$('#Test2').addClass('class1');
$('#Test1').removeClass('class1');
$('#Test3').removeClass('class1');
}
function glow3() {
$('#Test3').addClass('class1');
$('#Test1').removeClass('class1');
$('#Test2').removeClass('class1');
}
CSS:
.class1 {
text-shadow: 0 0 12px #ff0000
}
关于javascript - 切换导航栏中的文本发光?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29760498/
我在让我的操作栏显示图标时遇到问题。它显示了我在溢出菜单中设置的文本/标题(三个点),但没有任何操作。这是我的代码,我错过了什么? MainActivity.java public class Mai
我正在尝试在 android 中制作一个动态操作栏,现在我正在尝试像这样在操作栏中进行搜索。 http://developer.android.com/images/ui/actionbar-sear
我正在编写 uiautomator 测试,但我很难弄清楚如何单击我的操作栏图标。 如果我的操作是“始终”显示,则很容易找到并点击。 如果我的操作是显示“从不”,我必须单击菜单,然后从菜单中单击。先点击
我有一个正在寻找特定 URI 的重写规则。当它匹配特定的 URL 时,它会使用正确的文件路径重写它,以便可以找到所需的内容。然后它将协议(protocol)更改为 HTTPS 并允许请求通过。 我有两
我正在为 android 中的 ActionBar 而苦苦挣扎。 这是我的问题:我的操作项没有显示在操作栏中,而是堆叠在操作溢出中,无论我做什么.. 我花了一天的时间寻找解决方案,但我似乎找不到缺少的
我的网络应用程序在 Tomcat 下运行,它非常密集地使用 AJAX 请求,在开发过程中我也必须密集地重新部署网络应用程序。重新部署后,我通常会简单地刷新页面,知道用户 session 已删除,但我总
我是一名优秀的程序员,十分优秀!