2010-02-24 2 views
1
stackoverflow.com

Возможные Дубли:
How would I implement stackoverflow’s hovering dialogs?
i want a small box like stackoverflow, как я могу сделать Jquery телеприставку как

вы видите окно в верхней части каждой страницы есть я хочу сделать один как

+1

Не могли бы вы уточнить ваш вопрос? – Harmen

+0

http://stackoverflow.com/questions/1889403/i-want-a-small-box-like-stackoverflow-closed и http://stackoverflow.com/questions/659199. –

+0

в чем Ваш вопрос? – Tim

ответ

2

Делают 2 вещи:

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"> 
+0

Я не имею в виду, что я имею в виду коробку, в которой новый в нем появятся meaages –

+0

@oustafa - Извините, было неясно. Я думал, вы ссылаетесь на окно поиска. – Keltex

+1

Подождите ... вы не имеете в виду окно поиска, но вы приняли ответ? –

0

Вы имеете в виду, как на первой странице this site?

(Было бы гораздо полезнее, если вы были специфичны.)

В моем случае я использовал the activebar plugin