javascript学习笔记（二） 鼠标经过时，改变div块的背景色的代码

原文

HTML部分代码： 



    

  • 鼠标经过时改变背景色
    •  

  • 鼠标经过时改变背景色
    •  

  • 鼠标经过时改变背景色
    •  

  • 鼠标经过时改变背景色
    •  



javascript部分代码： 
当鼠标经过时，给li添加class="current"类，鼠标离开时，去除该类，达到改变背景色的目的 
window.onload = function() { 
var lis = document.getElementsByTagName("li"); 
for (var i=0; i
 
css部分代码： 
ul li.current { 
background-color:red; 
cursor:pointer; 
}


上面的代码，主要是方便大家更多的认识js,下面提供一个css实现的版本。


[Ctrl A 全选 注:引入外部Js需再刷新一下页面才能执行]
                    

                    
                


                



                

    
javascript学习笔记（二） 鼠标经过时，改变div块的背景色的代码的更多相关文章

    
    
        
                
  1. 
            
    详解移动端HTML5页面端去掉input输入框的白色背景和边框（兼容Android和ios）
    
            
    本篇文章主要介绍了移动端HTML5页面端去掉input输入框的白色背景和边框，非常具有实用价值，需要的朋友可以参考下。
    
        
    2. 
                
  2. 
            
    swift开发笔记1－设置顶部导航条背景色和字体颜色
    
            
    参考：http://www.jb51.cc/article/p-dpqqdflx-wz.html这个帖子里用代码完成了样式定义，下面是用interfacebuilder来设置：选中navigationbar，在属性检查器中设置背景色和字体颜色，如下图所示：------------------------------------------------------------------------
    
        
    3. 
                
  3. 
            
    Swift：自定义UITableViewCell背景色
    
            
    效果前言前段时间在整理课件《UITableView》章节的时候，看着单元格选中时的背景颜色觉得特别扭，系统给的颜色太过单调，当时想整理一篇修改单元格选中样式的文章，但一直没有时间，现在闲下来，终于可以完成了。实现在UITableViewCell的子类文件中实现如下方法即可运行工程，可能你会发现，当你点击单元格的时候，选中样式依旧是系统样式，如下图：这是什么原因导致的呢？
    
        
    4. 
                
  4. 
            
    Swift - 设置UIView的背景色和背景图片
    
            
    1，使用UIColor的内置颜色设置背景色12varpage=UIView()page.backgroundColor=UIColor.greenColor()2，设置自定义颜色1(red:0x37/255,green:0xba/255,blue:0x46/255,alpha:1)
    
        
    5. 
                
  5. 
            
    Swift修改tabBarItem选中色和tabBar背景色
    
            
    tabBarItem系统默认为蓝色，这里提供一个方法，能够将颜色修改为自己希望的1）为自己的TabBarController添加一个控制器XXTabBarController，关联起来（我使用的StoryBoard做的页面）2）设置选中色：在XXTabBarController中，viewDidLoad()方法下写上3)设置背景色：关于选中图片的改变，即实现微信、网易那样的自定义选中图标，在另外一
    
        
    6. 
                
  6. 
            
    Swift 3.0设置TextField的placeholder的背景色
    
            
    cell.writeTextField.setValue(UIColor.init(red:153/255,green:153/255,blue:153/255,alpha:1),forKeyPath:"_placeholderLabel.textColor")
    
        
    7. 
                
  7. 
            
    Swift - 设置UIView的背景色,背景图片
    
            
    基于viewController修改当前UIStausBarStyle方法
    
        
    8. 
                
  8. 
            
    angularJS实现动态添加,删除div方法
    
            
    下面小编就为大家分享一篇angularJS实现动态添加,删除div方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    
        
    9. 
                
  9. 
            
    js切换div css注意的细节
    
            
    有些朋友在做div css js切换时,会碰到很多的问题，于是搜集整理了一下，拿出来和大家分享，希望可以帮助你们
    
        
    10. 
                
  10. 
            
    jQuery实现div随意拖动的实例代码(通用代码)
    
            
    这篇文章主要介绍了jQuery实现div随意拖动的实例代码，涉及到jquery div随意拖动相关知识，感兴趣的朋友一起学习吧
    
        
    11. 
                
    





                

    
随机推荐

    
    
                
  1. 
            
    js中‘!.’是什么意思
    
            
    
        
    2. 
                
  2. 
            
    Vue如何指定不编译的文件夹和favicon.ico
    
            
    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    
        
    3. 
                
  3. 
            
    基于JavaScript编写一个图片转PDF转换器
    
            
    本文为大家介绍了一个简单的 JavaScript 项目，可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片，只需点击一下即可将其转换为 PDF 文件，感兴趣的可以动手尝试一下
    
        
    4. 
                
  4. 
            
    jquery点赞功能实现代码 点个赞吧!
    
            
    点赞功能很多地方都会出现，如何实现爱心点赞功能，这篇文章主要为大家详细介绍了jquery点赞功能实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    
        
    5. 
                
  5. 
            
    AngularJs上传前预览图片的实例代码
    
            
    使用AngularJs进行开发，在项目中，经常会遇到上传图片后，需在一旁预览图片内容，怎么实现这样的功能呢？今天小编给大家分享AugularJs上传前预览图片的实现代码，需要的朋友参考下吧
    
        
    6. 
                
  6. 
            
    JavaScript面向对象编程入门教程
    
            
    这篇文章主要介绍了JavaScript面向对象编程的相关概念，例如类、对象、属性、方法等面向对象的术语，并以实例讲解各种术语的使用，非常好的一篇面向对象入门教程,其它语言也可以参考哦
    
        
    7. 
                
  7. 
            
    jQuery中的通配符选择器使用总结
    
            
    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下
    
        
    8. 
                
  8. 
            
    javascript 动态调整图片尺寸实现代码
    
            
    在自己的网站上更新文章时一个比较常见的问题是：文章插图太宽，使整个网页都变形了。如果对每个插图都先进行缩放再插入的话，太麻烦了。
    
        
    9. 
                
  9. 
            
    jquery ajaxfileupload异步上传插件
    
            
    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    
        
    10. 
                
  10. 
            
    React学习之受控组件与数据共享实例分析
    
            
    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下
    
        
    11. 
            





                

            

        



    












    

    
    

        
        

            
        

    


    

    
        
        返回
顶部