ITPub博客

首页 > 应用开发 > Java > 短视频平台源码,点击ul/li改变背景颜色

短视频平台源码,点击ul/li改变背景颜色

原创 Java 作者:zhibo系统开发 时间:2021-11-30 14:08:49 0 删除 编辑

短视频平台源码,点击ul/li改变背景颜色实现的相关代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  <html>
  <head>
      <title>Change.html</title>
      <meta http-equiv="content-type" content="text/html; charset=UTF-8">
      <style>
        body li{
              list-style-type: none;
        }
     </style>
 </head>
 <body>
 <li onclick='setbgColor(this.id)' id=a><small>第一行文字</small></li><br>
 <li onclick='setbgColor(this.id)' id=b><small>第二行文字</small></li><br>
 <li onclick='setbgColor(this.id)' id=c><small>第三行文字</small></li><br>
 <script type=text/javascript>
     function setbgColor(x)
     {
         d=document.getElementsByTagName('li')
         for(p=d.length;p--;){
             if(d[p].id=='a'){d[p].style.backgroundColor='#AA0000'}
             else if(d[p].id=='b'){d[p].style.backgroundColor='#AABB00'}
             else{d[p].style.backgroundColor='#AABBCC'} 
         } 
     }
</script>
</body>
</html>

以上就是 短视频平台源码,点击ul/li改变背景颜色实现的相关代码,更多内容欢迎关注之后的文章


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/69978258/viewspace-2844853/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2020-07-02

  • 博文量
    688
  • 访问量
    260320