当前位置:  编程技术>jquery

jquery 隔行变色的二个实例代码

    来源: 互联网  发布时间:2014-09-03

    本文导语:  例1,jquery实现隔行变色,效果图如下:   代码:   代码示例: jquery 隔行变色-http://www.         ul li     {         list-style-type: none;         }                     $(function () {             $('#Butt...

例1,jquery实现隔行变色,效果图如下:
 
代码:
 

代码示例:
jquery 隔行变色-http://www.
   
    ul li
    {
        list-style-type: none;
        }
   
   
   
        $(function () {
            $('#Button1').click(function () {
                //                $('li:eq(0)').css('background-color', 'blue');//第一行的背景被染成蓝色
                $('li:first-child').css('background-color', 'blue');//每一个ul下的li里面的第一行被染成蓝色
            })
        })
   


   

           
  • 脾气不能不发,宁可丢坏书本,不能憋坏身体!

  •        
  • 咱们还是小孩呢!不必这么装模作样吧!

  •        
  • 我以为夏天还早着呢!怪不得压岁钱都花光了。

  •        
  • 如果和女生比的话,男生中傻瓜好象比较多。

  •    

   

           
  • 小丸子:我去年写的愿望,三个月内就实现了。

  •        
  • 说"芝麻开门"也不行的!这个童话不知会让多少小孩子上当!

  •        
  • 太贵了,只有和妈妈一起,才可以吃。

  •        
  • 小玉:别这样抱它(流浪狗),传染出感情就糟了!

  •    

   

           
  • 妈妈澄丽:孩子他爸,演戏也不用这样吧?

  •        
  • 在有档次的餐厅吃饭,却尽说些没档次的话,如果盘子里的鱼听到,没死也得给气死了。

  •        
  • 小丸子:我想拆掉这个闹钟。当年爱迪生就经常这样呢。

  •        
  • 我纯真的心由于牛排饭而欢呼不已。

  •    

   

           
  • 如果光吃菜营养就好的话,还吃肉干什么?

  •    

   

例2,jquery 隔行变色,效果图如下:

代码2:
 

代码示例:


    jquery 隔行变色-http://www.
   
   
 function showinfo() {
            var table = document.getElementById("mytable");
            for (var i = 0; i < table.rows.length; i++) {
                if (i % 2 != 0) {

                    table.rows[i].style.background = 'blue';
                }
            }
        }
     


 
       
           
                出游时间
           
           
                出游地
           
           
                出游方式
           
           
                预计花费
           
       
       
           
                元旦
           
           
                三亚
           
           
                飞机
           
           
                2000
           
       
       
           
                春节
           
           
                泰国
           
           
                飞机
           
           
                2500
           
       
       
           
                清明
           
           
                大唐芙蓉园
           
           
                火车
           
           
                1500
           
       
       
           
                五一
           
           
                颐和园
           
           
                火车
           
           
                100
           
       
       
           
                端午
           
           
                周庄
           
           
                火车
           
           
                1000
           
       
       
           
                十一
           
           
                满城
           
           
                汽车
           
           
                30
           
       
   


    
 
 

您可能感兴趣的文章:

  • jQuery实现隔行换色(隔行变色)的代码
  • jQuery 表格隔行换色 鼠标高亮行变色的实现代码
  • JQuery实现表格隔行换色(隔行变色)效果代码一例
  • Jquery 隔行变色及鼠标经过变色的代码一例
  • jQuery隔行换色和鼠标经过高亮并显示隐藏内容
  • jQuery实现table隔行换色和鼠标经过变色的两种方法
  • Jquery表格隔行变色的代码
  • Jquery选择器实现隔行变色的代码一例
  • jquery 实现table隔行变色、复选框的选择变色的代码
  • Jquery实现简单的隔行变色效果
  • JQuery 表格隔行变色与突出显示当前行的代码一例
  • jquery数据删除与隔行变色的实现代码一例
  • 使用简洁的jQuery方法实现隔行换色功能
  • jQuery 表格隔行变色的代码(附js版)
  • jQuery 隔行变色代码(支持键盘上下键及按Enter选定值)
  • jquery实现隔行变色、鼠标移动变色的小插件
  • jQuery实现表格隔行变色的例子
  • jquery特效 table鼠标滑过变色的实现代码
  • 用jQuery toggleClass 实现鼠标移上变色
  • jquery导航制件jquery鼠标经过变色效果示例
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jquery使用jquery.zclip插件复制对象的实例教程
  • JQuery验证特殊字符实例
  • jquery检验实例-改变错误提示信息的位置
  • textarea显示成label的样式 jquery实例
  • jQuery实现回车键(Enter)切换文本框焦点的代码实例
  • jquery修改属性值实例代码(设置属性值)
  • Jquery each方法跳出循环,并获取返回值(实例讲解)
  • jquery等宽输出文字插件的实例代码
  • jquery 回车事件的实例分享
  • jquery 获取dom固定元素 添加样式的简单实例
  • Jquery 获取元素位置序号的实例代码
  • jquery获得表单所有数据的实例分享
  • jQuery回车键事件实例代码
  • Jquery 键盘按键监听与滑动效果的实例
  • jquery实现弹出div,始终显示在屏幕正中间的简单实例
  • jquery导航固定效果实例
  • jquery 延迟执行的实例分享
  • JQuery validate日期比较实例
  • Jquery如何获取新浪天气预报?实例代码
  • jquery 网页自动播放声音实例
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3