zoukankan      html  css  js  c++  java
  • 鼠标放在输入框上,输入框和图片同时更换样式。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title> new document </title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <link rel="stylesheet" type="text/css" href="" />
    <style type="text/css">
    .box{width:1000px;margin:0 auto;height:500px;border:1px solid green;}
    .tbox{width:150px;height:30px;border:1px solid #585858; margin:10px 10px;background-color:#eee;vertical-align:middle;background: url(re_code2.png) no-repeat #EEE 8px 8px;background-size: 15px;}
    .ptes{width:115px;height:30px;}
    .tbox1{width:150px;height:30px;border:1px solid red; margin:10px 10px;}
    .pb1:hover {background-color:#eee;vertical-align:middle;background: url(re_code1.png) no-repeat #EEE 8px 8px;background-size: 15px;}
    </style>
    <script type="text/javascript"></script>
    </head>
    
    <body style="background-color:#FFF;">
    <div class="box">
        <div class="tbox" onmouseout="this.className='tbox'" onmousemove="this.className='tbox1 pb1'">
                <div style="float: left; 30px; height:30px;">
                </div>
                <div class="ptes" style="float: left;">
                        <input id="password" name="password" type="password" placeholder=" 请输入密码" value="" style="100%;height:26px;border-style:none"/>
                </div>
        </div>
    <div>
    </body>
    </html>
  • 相关阅读:
    移植性问题のCString转char * ,string
    HDU 2894(欧拉回路)
    POJ 1149(最大流)
    POJ 3422 K取方格数(费用流)/TYVJ 1413
    POJ 1112(染色+连通分量+DP)
    POJ 2195(KM模板题)
    POJ 3615(FLOYD应用)
    POJ 1797(SPFA变种)spfa能做很多!
    POJ 1325(最小点覆盖)
    NOI2010 海拔(平面图最大流)
  • 原文地址:https://www.cnblogs.com/yangzailu/p/5830215.html
Copyright © 2011-2022 走看看