ภาพพื้นหลังที่อยู่กึ่งกลางจะปรากฏในพื้นที่ป้อนข้อความ

ผู้เขียน：Eve Cole เวลาอัปเดต：2009-06-18 17:35:54

ฉันเห็น เอฟเฟกต์การแสดงข่าวรอกสุดคลาสสิกที่สร้างโดย CSS+JS เอฟเฟกต์พิเศษนี้เป็นการควบคุมแบบคลาสสิกของ CSS+JS จริงๆ แล้วมันก็สามารถทำได้ด้วย CSS เพียงอย่างเดียวเท่านั้น ไม่ได้รับอนุญาตให้เป็น JS ต่อไปนี้ หากส่วน js ของโค้ดถูกลบออก มันจะทำงานได้ตามปกติใน Opear และ Firrfox แต่ไม่ใช่ใน IE

ใครสนใจสามารถทดลองได้ครับ ฉันยังหวังที่จะช่วยเหลือผู้ที่ต้องการความช่วยเหลือด้วย

<!DOCTYPE html สาธารณะ "-//W3C//DTD XHTML 1.0 การเปลี่ยนผ่าน//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"); สำหรับ (i=0; i<navRoot.childNodes.length; i++) { node = navRoot . childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" เหนือ"; } node.onmouseout=function() { this.className=this.className . แทนที่ (" มากกว่า", ""); 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>สิ่งที่คุณกำลังมองหา</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="#">เพิ่มเติม>> 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="ค้นหางาน" /> </div> < div class="searchMore "> <a href="search_expert.html">การค้นหาขั้นสูง</a><br /><a href="search_sort.html">การค้นหาหมวดหมู่</a> </div> </form > </div> </body> </html>