当前位置: 首页 > 编程笔记 >

js点击列表文字对应该行显示背景颜色的实现代码

程祯
2023-03-14
本文向大家介绍js点击列表文字对应该行显示背景颜色的实现代码,包括了js点击列表文字对应该行显示背景颜色的实现代码的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了js点击列表文字,实现该行文字显示背景颜色的方法。分享给大家供大家参考。具体如下:
 JS控制li,鼠标点击时class自动加上,给列表文字产生自己喜欢的背景色的网页特效。
 
运行效果图如下:

<style type="text/css">
li{cursor:pointer;}
.cur{background:red;}
</style>
<script type="text/javascript">
window.onload = function ()
{
 var aLi = document.getElementsByTagName("li");
 var i = 0; 
 for (i = 0; i < aLi.length; i++)
 { 
 aLi[i].onclick = function ()
 {
  for (i = 0; i < aLi.length; i++) aLi[i].className = "";
  this.className = "cur";
 };
 }
};
</script>
<div class="clMenu">
  <ul>
    <li>1</li>
    <li>2</li>
    <li>4</li>
    <li>5</li>
  </ul>
</div>

希望本文所述对大家的javascript程序设计有所帮助。

 类似资料:
  • 本文向大家介绍Python实现转换图片背景颜色代码,包括了Python实现转换图片背景颜色代码的使用技巧和注意事项,需要的朋友参考一下 在使用图片的时候有时候我们希望改变背景颜色,这样就只关注于图片本身。比如在连连看中就只有图片,而没有背景,其实我个人感觉有背景好看一点。 两种方法,思路一致: 法一: 法二: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 在超文本标记语言中,我什么时候使用颜色,背景颜色和背景标签有什么区别? 有什么区别?

  • 问题内容: 我们的页面看起来像这样 我们想要这样显示: 1)我们需要在中心显示文本和文本字段 2)我们需要为页面的某些部分添加背景色 CSS html 请帮助我找到解决方案。 提前致谢 问题答案: 替换此样式并检查它 替换代码

  • 我刚开始编程,这是我第一次尝试学习新东西。我不知道我的代码有什么问题,因为它不想工作。我所需要的只是通过点击div来改变bg的颜色。如果在“function”之前删除第一行代码,它就会起作用,但只有在重新加载页面时才起作用。

  • background(int $color, int $pattern = self::PATTERN_SOLID): self int $color $format = new \Vtiful\Kernel\Format($fileHandle); ​ $backgroundStyle = $format->background( \Vtiful\Kernel\Format::COLO

  • 本文向大家介绍js实现TAB切换对应不同颜色的代码,包括了js实现TAB切换对应不同颜色的代码的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现TAB切换对应不同颜色的代码。分享给大家供大家参考。具体如下: 这是一个个性化的TAB菜单,每个TAB卡片的背景颜色都不相同,鼠标点击上部的TAB,在主体内容区可看到颜色的变化。 运行效果截图如下: 在线演示地址如下: http://demo