Question

可能重复：
  How would I implement stackoverflow’s hovering dialogs?
  i want a small box like stackoverflow

你看到顶部的方框是每个页面吗？我想做一个如何

Answer 1

他们正在做两件事：

1）他们有一个背景图像，这就是小放大镜出现的原因：

#hsearch .textbox {
    background:url("http://sstatic.net/so/Img/search.png") no-repeat scroll left center #FFFFFF;
    border-color:#CCCCCC -moz-use-text-color -moz-use-text-color #CCCCCC;
    border-right:medium none;
    border-style:solid none none solid;
    border-width:1px medium medium 1px;
    margin:0;
    max-width:230px;
    padding-left:16px;
}

2）当您点击该框时，如果内容显示“搜索”，则它会被清空。这是通过简单的javascript完成的：

<input name="q" class="textbox" tabindex="1" 
    onfocus="if (this.value=='search') this.value = ''" 
    type="text" maxlength="80" size="28" value="search">

Answer 2

你的意思是在this site的首页？

（如果你具体的话会更有帮助。）

就我而言，我使用了the activebar plugin

我怎么能像stackoverflow.com一样制作jquery顶盒

2 个答案: