jquery - 带有标签和内容的响应式指示线
问题描述
谁能帮我创建动画,单击任何选项卡,指示线应移动到活动选项卡(活动选项卡的一侧,静态内容的另一侧)。我尝试减小指示线图像的宽度,但它也从另一侧压缩。还有另一种方法吗?任何帮助,将不胜感激。见附图。 https://i.stack.imgur.com/sAL49.png
解决方案
你可以这样做:
function select(nb) {
$("a").removeClass('underline');
$("#" + nb).addClass('underline')
}
.underline {
text-decoration: underline;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a id="1" onclick="select('1')">1</a>
<a id="2" onclick="select('2')">2</a>
<a id="3" onclick="select('3')">3</a>
<a id="4" onclick="select('4')">4</a>
推荐阅读
- mysql - SQL 内连接不正确的结果
- python - 从不同目录python中的多个文件中读取特定数据
- python - 当用不同的列连接两个相同形状的数据框 (480,6) 时,它创建了形状 (175000,12)
- python - 在 Setuptools 中使用 Cythonize 构建和交付 Python 模块
- c++ - SDL_GetWindowPosition() 不更新 int 指针
- postgresql - 在 CASE 上更新数值 table.column
- r - 使用ggplot和melt函数
- momentjs - Moment toJSON 不考虑 timezione
- javascript - 如何在js中通过其值隐藏按钮?
- c# - 虚拟助手部署脚本无法部署 LUIS 或知识库