zoukankan      html  css  js  c++  java
  • Jquery实现的一种常用高亮效果

    Code
    <html>
    <head>
    <title>jquery</title>
    <style>
    body
    {
    font-size
    : 12px;
    }
    li
    {
    list-style
    : none;
    height
    : 34px;
    padding-top
    : 5px;
    }
    </style>

    <script type="text/javascript" src="jquery-1.2.6.pack.js"></script>

    <script type="text/javascript">
    $(document).ready(
    function(){
    var oInputs = $("ul.demo input");

    oInputs.each(
    function(i){
    oInputs.eq(i).focus(
    function(){
    oInputs.eq(i).parent().css(
    "background-color","ccf");
    }).blur(
    function(){
    oInputs.parent().css(
    "background-color","");
    })
    });


    oInputs.focus(
    function(){
    $(
    this).css("background-color","ff9").blur(function(){
    $(
    this).css("background-color","");
    });
    })
    })
    </script>

    </head>
    <body>
    <ul class="demo">
    <li>
    <h5>
    注册选项
    </h5>
    </li>
    <li>用户名:<input type="text" value="" id="name" style=" 200px" /></li>
    <li>密 码:<input type="password" value="" id="pass" style=" 200px" /></li>
    <li>爱 好:<input type="checkbox" value="" />篮球&nbsp;<input type="checkbox" value="" />足球&nbsp;<input
    type="checkbox" value="" />音乐</li>
    </ul>
    </script>
    </body>
    </html>

    作者:菩提树下的杨过
    出处:http://yjmyzz.cnblogs.com
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    mysql 行号
    java 异常链
    springsecurity密码加密
    java 四舍五入
    ArrayList的使用及原理
    java 匿名内部类
    java 克隆
    logback的配置
    信号量 Semaphore
    障碍器 CyclicBarrier
  • 原文地址:https://www.cnblogs.com/yjmyzz/p/1314494.html
Copyright © 2011-2022 走看看