Gambar latar belakang di tengah muncul di area input teks

Penulis：Eve Cole Waktu Pembaruan：2009-06-18 17:35:54

Saya melihat efek tampilan berita katrol yang benar-benar klasik yang dibuat oleh CSS+JS. Efek khusus ini adalah kontrol klasik dari CSS+JS. Sebenarnya, ini dapat dilakukan dengan CSS saja tidak diperbolehkan menjadi JS. Berikut ini Jika bagian kode js dihapus, itu akan berfungsi normal di Opear dan Firrfox, tetapi tidak di IE.

Siapa pun yang tertarik bisa mengujinya. Saya juga berharap dapat membantu mereka yang membutuhkan.

<!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="Jenis Konten" content="text/html; charset=utf-8" /> <meta http-equiv=" Content-Language" content="zh-CN" /> <title>Css untuk membuat efek pemicu mouse</title> <style type="text/css">  </style> <script type="text/javascript"> <![CDATA[//> < !-- startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("searchNav"); untuk (i=0; i<navRoot.childNodes.length; i++) { node = navRoot .childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; . ganti(" over", ""); } } } } } window.onload=startList; //--><!]]> </skrip> </kepala> <tubuh> <div class="kw_from" > <form action="/search.html" method="get" name="searchForm" id="searchForm" onsubmit="return check()"> <ul id="searchNav"> <li id="conter1" > <h2>Apa yang Anda cari</h2> <input id="jobKw" name="jobKw" type="text" /> <ul id="conter3"> <li><a href="#" >Akuntansi</ a> </li> <li><a href="#">Desain Web</a></li> <li><a href="#">Terjemahan</a></li > <li> <a href="#">Tutor</a></li> <li><span class="moreCity"><a href="#">Lainnya>> span> </li> </ul> </li> <li id="conter2"><h2>Di sana</h2> <input id="cityKw" name="cityKw" type="text" /> < ul id="conter4"> <li><a href="#">Beijing</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="#">Lebih Banyak Kota>></a></span></li> </ul> </li> </ul > <div class= "sbtn"> <input name="submit" type="submit" class="btn4" style="margin:0px 15px 2px 0;" value="Cari Pekerjaan" /> </div> < div class="searchMore "> <a href="search_expert.html">Penelusuran lanjutan</a><br /><a href="search_sort.html">Penelusuran kategori</a> </div> </form > </div> </tubuh> </html>