В области ввода текста появляется центрированное фоновое изображение.

Автор：Eve Cole Время обновления：2009-06-18 17:35:54

Я видел абсолютно классический эффект отображения новостей, созданный с помощью CSS+JS. Этот специальный эффект представляет собой классический элемент управления CSS+JS. На самом деле его можно сделать только с помощью CSS. Это просто для совместимости с этим мусорным IE. не может быть JS. Если удалить часть кода js, она будет нормально работать в Opear и Firrfox, но не в IE.

Любой желающий может протестировать. Я также надеюсь помочь нуждающимся.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv=" Content-Language" content="zh-CN" /> <title>Css для создания эффекта триггера мыши</title> <style type="text/css">  </style> <script type="text/javascript"> <![CDATA[//>] < !-- startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("searchNav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot . childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className . replace(" over", ""); } } } } } window.onload=startList; //--><!]]> </script> </head> <body> <div class="kw_from"; > <form action="/search.html" метод="get" name="searchForm" id="searchForm" onsubmit="return check()"> <ul id="searchNav"> <li id="conter1" > <h2>Что вы ищете</h2> <input id="jobKw" name="jobKw" type="text" /> <ul id="conter3"> <li><a href="#" >Бухгалтерский учет</a> </li> <li><a href="#">Веб-дизайн</a></li> <li><a href="#">Перевод</a></li > <li> <a href="#">Репетитор</a></li> <li><span class="moreCity"><a href="#">Подробнее>> </a></ span> </li> </ul> </li> <li id="conter2"><h2>Там</h2> <input id="cityKw" name="cityKw" type="text" /> < ul id="conter4"> <li><a href="#">Пекин</a> </li> <li><a href="#">Шанхай</a></li> <li> < a href="#">Гуанчжоу</a></li> <li><a href="#">Шэньчжэнь</a></li> <li><a href="#">Нанкин< /li> a></li> <li><a href="#">Тяньцзинь</a></li> <li><a href="#">Ханчжоу</a></li> < li>< a href="#">Чэнду</a></li> <li><a href="#">Чунцин</a></li> <li><a href="#"> Ухань</li> a></li> <li><a href="#">Сиань</a></li> <li><a href="#">Шэньян</a>< /li> <li>< span class="moreCity"><a href="#">Больше городов>></a></span></li> </ul> </li> </ul > <div class="sbtn"> <input name="submit" type="submit" class="btn4" style="margin:0px 15px 2px 0;" value="Search Job" /> </div> < div class="searchMore "> <a href="search_expert.html">Расширенный поиск</a><br /><a href="search_sort.html">Поиск по категориям</a> </div> </form > </div> </body> </html>