Soxay

<ul id="list">

<li>стр1</li>

<li>стр2</li>

<li>стр3</li>

</ul>

Стили

#list li{

display:block;

color:#333333;

height:20px;

width:144px;

margin-top:3px;

margin-left:1px;

padding-top:2px;

padding-bottom:2px;

padding-left:16px;

cursor: default;

}

#list li:hover {

display:block;

color: #c77405;

border: 1px solid #fbcb09;

background: #fdf5ce;

height:20px;

width:144px;

margin-top:3px;

margin-left:1px;

padding-top:1px;

padding-bottom:1px;

padding-left:15px;

cursor: default;

border:1px solid #f00;

}

в выпадающем меню которое сделено списком нужно подсветить строчи при наведении. Я тут подумал <a> не подойдет, так как там придется куда-то ссылаться. Пробовал прописывать классы для li:hover, не работает, чет я застрял на этом простом месте.

серьезно никто не знает?

дык у пользователя больше нагрузки даст 1 целая картинка или дублирующая?

а по нагрузке есть разница одной картинкой или дублировать?

если ширина поля скажем 50 а картинка 30 она при баграунде поле не раздвинит и до конца зальет?

---------- Добавлено 27.07.2012 в 17:00 ----------

на соседнем форуме говорят что повторять однопиксельную картинку и вставить единую одно и то же. Это так?

сделал по http://www.linkexchanger.su/2011/700.html

С помощью вот такого кода по набраным буквам выпадает список совпадений. Молу ли я его ограничить скажем 10 совпадениями, а потом поставить прокрутку?

<script type="text/javascript">

     $(function(){

       var availableTags = [
       <?php

       foreach($city as $k=>$v)

       {

  echo "\"".trim($v)."\", ";

       }

       ?>

       ];

       $("#city").autocomplete({

         source: availableTags

       });

     });

     </script>  

спасибо, попробую

---------- Добавлено 17.07.2012 в 20:05 ----------

Александр, а куда вставляется вот этот кусок кода?

var field = $('#list').find('option');

// собственно поиск

$('#searchInput').bind('keyup', function() {

var q = new RegExp($(this).val(), 'ig');

for (var i = 0, l = field.length; i < l; i += 1) {

var option = $(field),
parent = option.parent();

if ($(field).text().match(q)) {
if (parent.is('span')) {
option.show();
parent.replaceWith(option);
}
} else {
if (option.is('option') && (!parent.is('span'))) {
option.wrap('<span>').hide();
}
}
}
});

---------- Добавлено 17.07.2012 в 20:09 ----------

выпадающий список у меня прописан вот так
<td align="right">
<select id="city" name='city'>
<?php

foreach($city as $k=>$v){
echo "<option value='".trim($v)."'>".trim($v)."</option>";
}
?>
</select>
</td>

а где ее можно посмотреть? Поконкретнее.

благодарю все получилось.

sabotage а вы чем делаете?