现在悬停菜单隐藏,搜索框展开以填充菜单。如何在搜索框中添加焦点并在此悬停事件中插入闪烁的插入符并在悬停出口处将其删除?
<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>
答案 0 :(得分: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)
});
});
演示here