搜索栏

<div class="search-warp right rel">

    <div class="search-panel">

        <form action="">

        <div class="search-input-box left">

            <label class="search-label f-f0 f-cg"for="m-search">搜索</label>

            <input id="m-search" class="m-search"type="text" >

        </div>

        <div class="search-button left">

            <button class="btn-search f-cf f-f0" type="submit">搜索</button>

        </div>

        </form>

</div>

<div class="search-tabs">

<ul>

    <li class="left rel"><a class="f-cr" href="">tab</a></li>

    <li class="left rel"><a href="">tab</a></li>

    <li class="left rel"><a href="">tab</a></li>

</ul>

</div>

</div>        

<script>

    $(".m-search").click(function(){

        $(this).css("background","#fff");

        $(this).siblings("label").css("display","none");

        $(this).blur(function(){

            $(this).siblings("label").css("display","block");

        })

    });

</script>