Une image d'arrière-plan centrée apparaît dans une zone de saisie de texte

Auteur：Eve Cole Date de mise à jour：2009-06-18 17:35:54

J'ai vu l'effet d'affichage de nouvelles de poulie absolument classique créé par CSS+JS. Cet effet spécial est un contrôle classique de CSS+JS. En fait, cela peut être fait avec CSS uniquement, c'est juste pour la compatibilité avec cet IE poubelle. n'est pas autorisé à être un JS. Ce qui suit Si la partie js du code est supprimée, cela fonctionnera normalement dans Opear et Firrfox, mais pas dans IE.

Tous ceux qui sont intéressés peuvent le tester. J'espère aussi aider ceux qui en ont besoin.

<!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 pour créer un effet de déclenchement de la souris</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" method="get" name="searchForm" id="searchForm" onsubmit="return check()"> <ul id="searchNav"> <li id="conter1" > <h2>Que recherchez-vous</h2> <input id="jobKw" name="jobKw" type="text" /> <ul id="conter3"> <li><a href="#" >Comptabilité</ a> </li> <li><a href="#">Conception Web</a></li> <li><a href="#">Traduction</a></li > <li> <a href="#">Tuteur</a></li> <li><span class="moreCity"><a href="#">Plus>> span> </li> </ul> </li> <li id="conter2"><h2>Là</h2> <input id="cityKw" name="cityKw" type="text" /> < ul id="conter4"> <li><a href="#">Pékin</a> </li> <li><a href="#">Shanghai</a></li> <li> < a href="#">Guangzhou</a></li> <li><a href="#">Shenzhen</a></li> <li><a href="#">Nanjing< /li> a></li> <li><a href="#">Tianjin</a></li> <li><a href="#">Hangzhou</a></li> < li>< a href="#">Chengdu</a></li> <li><a href="#">Chongqing</a></li> <li><a href="#"> Wuhan</li> a></li> <li><a href="#">Xi'an</a></li> <li><a href="#">Shenyang</a>< /li> <li>< span class="moreCity"><a href="#">Plus de ville>></a></span></li> </ul> </li> </ul > <div class= "sbtn"> <input name="submit" type="submit" class="btn4" style="margin:0px 15px 2px 0;" value="Rechercher un emploi" /> </div> < div class="searchMore "> <a href="search_expert.html">Recherche avancée</a><br /><a href="search_sort.html">Recherche par catégorie</a> </div> </form > </div> </body> </html>