تظهر صورة خلفية مركزية في منطقة إدخال النص

الكاتب：Eve Cole وقت التحديث：2009-06-18 17:35:54

لقد رأيت تأثير عرض أخبار البكرة الكلاسيكي تمامًا الذي تم إنشاؤه بواسطة CSS + JS. هذا التأثير الخاص هو عنصر تحكم كلاسيكي لـ CSS + JS. في الواقع، يمكن تنفيذه باستخدام CSS وحده غير مسموح له أن يكون 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++) { العقدة = navRoot this.className=this.className استبدال(" over"، ""); > <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="#">المزيد>> </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> أ></li> <li><a href="#">تيانجين</a></li> <li><a href="#">هانغتشو</a></li> < لى>< a href="#">تشنغدو</a></li> <li><a href="#">تشونغتشينغ</a></li> <li><a href="#"> ووهان</li> أ></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>