0

現在、ホバーするとメニューが非表示になり、検索ボックスが拡大してメニューがいっぱいになります。検索ボックスにフォーカスを追加し、このホバー イベントに点滅するキャレットを挿入し、ホバー終了時に削除するにはどうすればよいですか?

<body>
    <input type="text" value="" id="search" class="noquery" />
</body>

<script>
    $(function(){
        $("#search").hover(function(){
            $("#navi1 ul").hide();
            $("#search").css("width","100%");
            },function(){
            $("#navi1 ul").show();
            $("#search").css("width","96px");
            });
        });
</script>
4

1 に答える 1

2

これを試して：

$(function () {
    $("#search").hover(function () {
        $("#navi1 ul").hide();
        $("#search").css("width", "100%");
        $(this).focus(); // to focus
    }, function () {
        $("#navi1 ul").show();
        $("#search").css("width", "96px");
        $(this).blur().val('');  //to remove focus (blur)
    });
});

デモはこちら

于 2013-09-08T18:32:55.167 に答える