看看别人的代码风格吧

最新推荐文章于 2024-10-01 20:12:28 发布

Doug_K

最新推荐文章于 2024-10-01 20:12:28 发布

阅读量882

点赞数

分类专栏：杂论文章标签： class stylesheet div javascript button variables

本文链接：https://blog.csdn.net/amwjatyvh/article/details/5844860

版权

杂论专栏收录该内容

5 篇文章 0 订阅

订阅专栏

有空多看看别人写的代码。。。这是出自这个网站的JS源代码。。。是今晚帮CX看可否下载MP3的时候发现的。。。的确。。。跟自己平常写的代码风格相差很大。。。自己写的很乱。。。可读性差。。。维护起来更别说了。。。自己写完都觉得恶心。。。 <!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" xml:lang="en-gb" lang="en-gb" dir="ltr"> <head> <meta name="date" content="22/08/2010 07:48" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta name="robots" content="none" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="verify-v1" content="0vGAhvX8H/68wdDC8m6YtgA5wfvStuwmumvkHT0/1v4=" > <link href="/css/base.css" mce_href="css/base.css" rel="stylesheet" type="text/css" /> <link href="/css/content.css" mce_href="css/content.css" rel="stylesheet" type="text/css" /> <link href="/css/sidenav.css" mce_href="css/sidenav.css" rel="stylesheet" type="text/css" /> <link href="/css/topnav.css" mce_href="css/topnav.css" rel="stylesheet" type="text/css" /> <link href="/css/home.css" mce_href="css/home.css" rel="stylesheet" type="text/css" /> <link href="/css/footer.css" mce_href="css/footer.css" rel="stylesheet" type="text/css" /> <link href="/css/print.css" mce_href="css/print.css" rel="stylesheet" type="text/css" media="print" />  <mce:script language="Javascript" src="/english/javascript/javascript.js" mce_src="english/javascript/javascript.js" type="text/Javascript"></mce:script>  <mce:script type="text/javascript"></mce:script> <mce:script src="/english/javascript/studygroup_mtagconfig_js.js" mce_src="english/javascript/studygroup_mtagconfig_js.js" type="text/Javascript"></mce:script>  <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> /* Selected style for first level navigation items and their sub pages */ #FirstLevelNav ul li a.navSelected3 { color: #ffffff; background-position: 0px 80px; } /* Selected style for 2nd level nav item and display of related 3rd level items in sidemenu */ #sidenav p a.selected13 { font-weight: bold; color: #FFFFFF; background-color: #9C9463; } #sidenav .sidesubnav ul.display13 { display: block; } /* Selected style for 3rd level nav item */ #sidenav .sidesubnav ul li a.subselected3427 { background-color: #BDB58C; color: #FFFFFF; font-weight: bold; background-image: url("/css_images/selectarrow.gif"); background-repeat: no-repeat; background-position:8px 6px; }</style> </head> <body>  <div id="LivePersonButtonDiv"></div>  <div id="container">   <mce:script language="JavaScript" type="text/javascript" src="/english/javascript/omniture_javascript_s-code_3239.js" mce_src="english/javascript/omniture_javascript_s-code_3239.js"></mce:script> <mce:script language="JavaScript" type="text/javascript"></mce:script>    <div id="topnav">  <div id="mast1_alternative"> <a href="/english/index.aspx" mce_href="english/index.aspx"><img src="/css_images/topbanner_logo_NEW.gif" mce_src="css_images/topbanner_logo_NEW.gif" class="bellerbyslogo" alt="Bellerbys College - Preparation for University Education" border="0" /></a> <ul> <li><a class="fees" href="/english/admission/fees_calculator.aspx" mce_href="english/admission/fees_calculator.aspx"><span class="text">fees</span></a></li> <li><a class="apply" href="/english/admission/applyonline.aspx" mce_href="english/admission/applyonline.aspx"><span class="text">apply</span></a></li> <li><a class="contact" href="/english/admission/contact.aspx" mce_href="english/admission/contact.aspx"><span class="text">contact us</span></a></li> <li><a class="prospectus" href="/english/downloads.aspx" mce_href="english/downloads.aspx"><span class="text">prospectus</span></a></li> </ul>  </div> <div id="statement"> <P>::: Study at the UK's leading university preparation college for international students</P>  </div>  <div id="mast2">  <ul> <li class="first"><a href="/oxford_landing_page.aspx" mce_href="oxford_landing_page.aspx" title="English">English</a></li> <li><a href="" title="Russian">Русский</a></li> <li><a href="" title="Chinese (Traditional)">繁體中文</a></li> <li><a href="" title="Chinese (Simplified)">简体中文</a></li> <li><a href="" title="Arabic"> العربية </a></li> <li><a href="" title="Turkish ">Türkçe</a></li> <li><a href="" title="Farsi"> فارسی </a></li> <li><a href="" title="German">Deutsch</a></li> <li><a href="/english/admission/info_in_vietnamese.aspx" mce_href="english/admission/info_in_vietnamese.aspx" title="Vietnamese">Tiếng Việt</a></li> </ul>    <div id="search"> <form name="searchform" id="searchform" method="get" action="/english/search.aspx"> Search this site <input name="q" type="text" class="searchbox" id="keyword" size="16" /> <input name="submit" type="submit" class="searchicon" id="submit" value="Search" /> </form> </div>   </div>  <div id="FirstLevelNav"> <ul> <li class="first"><a class="navSelected1" href="/english/about/index.aspx" mce_href="english/about/index.aspx"><span class="item">About us</span></a></li> <li><a class="navSelected2" href="/english/courses/index_courses.aspx" mce_href="english/courses/index_courses.aspx"><span class="item">Courses</span></a></li> <li><a class="navSelected3" href="/english/locations/index.aspx" mce_href="english/locations/index.aspx"><span class="item">Locations</span></a></li> <li><a class="navSelected4" href="/english/results/index.aspx" mce_href="english/results/index.aspx"><span class="item">Results</span></a></li> <li><a class="navSelected5" href="/english/admission/index.aspx" mce_href="english/admission/index.aspx"><span class="item">Admission</span></a></li> <li class="last"><a class="navSelected6" href="/english/study/index.aspx" mce_href="english/study/index.aspx"><span class="item">Studying in the UK</span></a></li> </ul>  </div>  <div id="breadcrumb"> <ul> <li>Oxford Landing page</li> </ul>  <mce:script type="text/javascript"></mce:script> <div id="addthis_bespoke">  <div class="addthis_toolbox addthis_default_style"> <div id="bespoke_share"> <a href="http://www.addthis.com/bookmark.php?v=250&username=bellerbyswebsite" mce_href="http://www.addthis.com/bookmark.php?v=250&username=bellerbyswebsite" class="addthis_button_compact">Share</a>  </div> <span class="addthis_separator">|</span> <a class="addthis_button_facebook"></a> <a class="addthis_button_email"></a> <a class="addthis_button_favorites"></a> <a class="addthis_button_print"></a> </div> <mce:script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=bellerbyswebsite" mce_src="http://s7.addthis.com/js/250/addthis_widget.js#username=bellerbyswebsite"></mce:script>   </div>  </div>  </div>   <div id="contentwrapper">  <div id="sidenav"> <p><img src="/images/locations_small_2010.jpg" mce_src="images/locations_small_2010.jpg" alt="Locations" /></p> <p><a href="/english/locations/brighton.aspx" mce_href="english/locations/brighton.aspx" class="selected10">Brighton</a></p> <div class="sidesubnav"> <ul class="display10"> <li><a href="/english/locations/brighton_location.aspx" mce_href="english/locations/brighton_location.aspx" class="subselected141">College location</a></li> <li><a href="/english/locations/brighton_facilities.aspx" mce_href="english/locations/brighton_facilities.aspx" class="subselected144">College facilities</a></li> <li><a href="/english/locations/brighton_accom.aspx" mce_href="english/locations/brighton_accom.aspx" class="subselected147">Accommodation</a></li> <li><a href="/english/locations/brighton_activities.aspx" mce_href="english/locations/brighton_activities.aspx" class="subselected150">Activities</a></li> <li><a href="/english/locations/brighton_whatson.aspx" mce_href="english/locations/brighton_whatson.aspx" class="subselected3100">Clubs & events</a></li> <li><a href="/english/locations/brighton_living.aspx" mce_href="english/locations/brighton_living.aspx" class="subselected153">Living in Brighton</a></li> <li><a href="/english/locations/brighton_staff.aspx" mce_href="english/locations/brighton_staff.aspx" class="subselected156">Meet our staff</a></li> <li><a href="/english/locations/brighton_students.aspx" mce_href="english/locations/brighton_students.aspx" class="subselected159">Meet our students</a></li> <li><a href="/english/locations/brighton_photos.aspx" mce_href="english/locations/brighton_photos.aspx" class="subselected167">Photo gallery</a></li> <li><a href="/english/locations/brighton_news.aspx" mce_href="english/locations/brighton_news.aspx" class="subselected2479">News</a></li> <li><a href="/english/locations/brighton_faqs.aspx" mce_href="english/locations/brighton_faqs.aspx" class="subselected176">FAQs</a></li> </ul>  </div> <p><a href="/english/locations/cambridge.aspx" mce_href="english/locations/cambridge.aspx" class="selected11">Cambridge</a></p> <div class="sidesubnav"> <ul class="display11"> <li><a href="/english/locations/cambridge_location.aspx" mce_href="english/locations/cambridge_location.aspx" class="subselected326">College location</a></li> <li><a href="/english/locations/cambridge_facilities.aspx" mce_href="english/locations/cambridge_facilities.aspx" class="subselected325">College facilities</a></li> <li><a href="/english/locations/cambridge_accomm.aspx" mce_href="english/locations/cambridge_accomm.aspx" class="subselected324">Accommodation</a></li> <li><a href="/english/locations/cambridge_activities.aspx" mce_href="english/locations/cambridge_activities.aspx" class="subselected323">Activities</a></li> <li><a href="/english/locations/cambridge_whatson.aspx" mce_href="english/locations/cambridge_whatson.aspx" class="subselected3127">Clubs & events</a></li> <li><a href="/english/locations/cambridge_living.aspx" mce_href="english/locations/cambridge_living.aspx" class="subselected322">Living in Cambridge</a></li> <li><a href="/english/locations/cambridge_staff.aspx" mce_href="english/locations/cambridge_staff.aspx" class="subselected321">Meet our staff</a></li> <li><a href="/english/locations/cambridge_students.aspx" mce_href="english/locations/cambridge_students.aspx" class="subselected320">Meet our students</a></li> <li><a href="/english/locations/photos.aspx" mce_href="english/locations/photos.aspx" class="subselected319">Photo gallery</a></li> <li><a href="/english/locations/tours.aspx" mce_href="english/locations/tours.aspx" class="subselected318">Virtual tours</a></li> <li><a href="/english/locations/cambridge_news.aspx" mce_href="english/locations/cambridge_news.aspx" class="subselected2496">News</a></li> <li><a href="/english/locations/faqs.aspx" mce_href="english/locations/faqs.aspx" class="subselected316">FAQs</a></li> </ul>  </div> <p><a href="/english/locations/london.aspx" mce_href="english/locations/london.aspx" class="selected12">London</a></p> <div class="sidesubnav"> <ul class="display12"> <li><a href="/english/locations/london_location.aspx" mce_href="english/locations/london_location.aspx" class="subselected275">College location</a></li> <li><a href="/english/locations/london_facilities.aspx" mce_href="english/locations/london_facilities.aspx" class="subselected272">College facilities</a></li> <li><a href="/english/locations/london_accomm.aspx" mce_href="english/locations/london_accomm.aspx" class="subselected278">Accommodation</a></li> <li><a href="/english/locations/london_activities.aspx" mce_href="english/locations/london_activities.aspx" class="subselected281">Activities</a></li> <li><a href="/english/locations/london_whatson.aspx" mce_href="english/locations/london_whatson.aspx" class="subselected3123">Clubs & events</a></li> <li><a href="/english/locations/london_living.aspx" mce_href="english/locations/london_living.aspx" class="subselected284">Living in London</a></li> <li><a href="/english/locations/london_staff.aspx" mce_href="english/locations/london_staff.aspx" class="subselected287">Meet our staff</a></li> <li><a href="/english/locations/london_students.aspx" mce_href="english/locations/london_students.aspx" class="subselected290">Meet our students</a></li> <li><a href="/english/locations/london_photos.aspx" mce_href="english/locations/london_photos.aspx" class="subselected293">Photo gallery</a></li> <li><a href="/english/locations/london_tours.aspx" mce_href="english/locations/london_tours.aspx" class="subselected296">Virtual tours</a></li> <li><a href="/english/locations/london_news.aspx" mce_href="english/locations/london_news.aspx" class="subselected2485">News</a></li> <li><a href="/english/locations/london_faqs.aspx" mce_href="english/locations/london_faqs.aspx" class="subselected302">FAQs</a></li> </ul>  </div> <p><a href="/english/locations/oxford.aspx" mce_href="english/locations/oxford.aspx" class="selected13">Oxford</a></p> <div class="sidesubnav"> <ul class="display13"> <li><a href="/english/locations/oxford_location.aspx" mce_href="english/locations/oxford_location.aspx" class="subselected366">College location</a></li> <li><a href="/english/locations/oxford_facilities.aspx" mce_href="english/locations/oxford_facilities.aspx" class="subselected365">College facilities</a></li> <li><a href="/english/locations/oxford_accomm.aspx" mce_href="english/locations/oxford_accomm.aspx" class="subselected364">Accommodation</a></li> <li><a href="/english/locations/oxford_activities.aspx" mce_href="english/locations/oxford_activities.aspx" class="subselected363">Activities</a></li> <li><a href="/english/locations/oxford_whatson.aspx" mce_href="english/locations/oxford_whatson.aspx" class="subselected3131">Clubs & events</a></li> <li><a href="/english/locations/oxford_living.aspx" mce_href="english/locations/oxford_living.aspx" class="subselected362">Living in Oxford</a></li> <li><a href="/english/locations/oxford_staff.aspx" mce_href="english/locations/oxford_staff.aspx" class="subselected361">Meet our staff</a></li> <li><a href="/english/locations/oxford_students.aspx" mce_href="english/locations/oxford_students.aspx" class="subselected360">Meet our students</a></li> <li><a href="/english/locations/oxford_photos.aspx" mce_href="english/locations/oxford_photos.aspx" class="subselected359">Photo gallery</a></li> <li><a href="/english/locations/oxford_tours.aspx" mce_href="english/locations/oxford_tours.aspx" class="subselected358">Virtual tours</a></li> <li><a href="/english/locations/oxford_news.aspx" mce_href="english/locations/oxford_news.aspx" class="subselected2490">News</a></li> <li><a href="/english/locations/oxford_faqs.aspx" mce_href="english/locations/oxford_faqs.aspx" class="subselected356">FAQs</a></li> </ul>  </div>  </div> <div id="content" class="fullwidth">  <div id="quicklink">   <a class="contact" href="/english/admission/contact.aspx" mce_href="english/admission/contact.aspx"><img src="/images_quicklinks/contact_english.gif" mce_src="images_quicklinks/contact_english.gif" alt="Contact" /></a> <a class="apply" href="/english/admission/apply.aspx" mce_href="english/admission/apply.aspx"><img src="/images_quicklinks/apply_english.gif" mce_src="images_quicklinks/apply_english.gif" alt="Apply" /></a> </div> <h1>New Bellerbys College Oxford - Opens September 2010</h1>  <SPAN align="top"> <H2>State-of-the-art Facilities</H2> <P><IMG style="MARGIN-TOP: 2px; MARGIN-LEFT: 0px" mce_style="MARGIN-TOP: 2px; MARGIN-LEFT: 0px" title="New Bellerbys College Oxford Study Centre" border=0 hspace=0 alt="New Bellerbys College Oxford Study Centre" vspace=2 align=right src="/images/oxf-cgi-external.jpg" mce_src="images/oxf-cgi-external.jpg" width=300 height=300>Our brand-new Bellerbys Oxford Study Centre, opens in September 2010 and is a state-of-the-art, purpose-built college by the River Thames in Oxford.</P> <P>Facilities include: <UL> <LI>Three dedicated <STRONG>IT suites</STRONG> </LI> <LI>Three <STRONG>Science Laboratories</STRONG> </LI> <LI>Bright and spacious <STRONG>Art Studio</STRONG> </LI> <LI>Fully resourced modern <STRONG>Library</STRONG> </LI> <LI>26 additional <STRONG>classrooms</STRONG> and <STRONG>Exam Hall </STRONG></LI> <LI>Free <STRONG>wireless</STRONG> internet in the college </LI> <LI><STRONG>Quiet/Prayer Room</STRONG> </LI> <LI><STRONG>Cafeteria</STRONG> catering for a range of diets </LI> <LI><STRONG>Medical Room</STRONG> </LI> <LI>Interactive <STRONG>white boards</STRONG> in classrooms</LI></UL> <P></P> <P><A title="Contact Bellerbys College " href="/english/admission/contact.aspx" mce_href="english/admission/contact.aspx" target=_blank><IMG border=0 src="/images/landingpage-button.jpg" mce_src="images/landingpage-button.jpg"></A></P> <H2><IMG style="MARGIN-TOP: 2px; MARGIN-LEFT: 2px" mce_style="MARGIN-TOP: 2px; MARGIN-LEFT: 2px" title="Impression of new Bellerbys Oxford cafeteria" border=0 hspace=2 alt="Impression of new Bellerbys Oxford cafeteria" vspace=2 align=right src="/images/oxf-cgi-Cafeteria.jpg" mce_src="images/oxf-cgi-Cafeteria.jpg" width=300 height=300>A Range of Accommodation</H2> <P>There are four student residences to choose from: Blue Boar, Elena House and Slade Park are all self-catering, whilst our under 18's residence Pensons Gardens is catered.</P> <P>Students can also choose the 'Homestay' option where they live with a British family. Our Homestay families are vetted and approved by the school and trained to provde the facilities and support that enables our students to reach their potential.</P> <H2>Live in Beautiful Oxford</H2> <P>The ancient buildings of Oxford's famous university create a wonderful atmosphere throughout this beautiful city. Oxford boasts a wealth of cultural attractions including theatres, cinemas and museums. There are many parks and green spaces to explore in this river-side city. The city offers high street mall shopping, boutique fashion as well as the historic covered market.</P> <H2>Convenient Travel Links</H2> <P><STRONG>Oxford:</STRONG> A bus service links all parts of Oxford, although central areas are all within walking distance.<BR><STRONG>London: </STRONG>60 minutes away by train, leaving Oxford every 30 minutes.<BR><STRONG>London Heathrow Airport:</STRONG> 90 minutes by coach and only 60 minutes by taxi transfer.</P></SPAN> <P><A title="Contact Bellerbys College " href="/english/admission/contact.aspx" mce_href="english/admission/contact.aspx" target=_blank><IMG border=0 src="/images/landingpage-button.jpg" mce_src="images/landingpage-button.jpg"></A></P> <P align=center><A style="WIDTH: 512px; DISPLAY: block; HEIGHT: 308px" id=36178e12-cd72-4aec-8597-73c8769055bd οnclick=return(false); rel=videoGUID=36178e12-cd72-4aec-8597-73c8769055bd& width="512" height="308">Exciting New School for Bellerbys College Oxford, Opening Sept 2010</A> <SCRIPT type=text/javascript src="http://360.sorensonmedia.com/36178e12-cd72-4aec-8597-73c8769055bd/embedv2.js" mce_src="http://360.sorensonmedia.com/36178e12-cd72-4aec-8597-73c8769055bd/embedv2.js"></SCRIPT> </P> <div class="news"> <img class="studentphoto" src="/images/oxf_testimonial_ugljesa.jpg" mce_src="images/oxf_testimonial_ugljesa.jpg" alt="Ugljesa Ostojic from Serbia - Law Foundation student at Bellerbys Oxford" /> <P>"The teaching style is phenomenal here. Teachers at Bellerbys Oxford treat us as equals and value our opinions. They are also friendly and approachable."</P> <P><STRONG>Ugljesa Ostojic from Serbia</STRONG><BR><STRONG>Law & International Relations Foundation </STRONG>student at <STRONG>Bellerbys Oxford</STRONG></P>  </div>  </div>  </div>  <div id="footer">  <a href="/english/error.html" mce_href="english/error.html" style="display: none" mce_style="display: none">Error page</a> <ul> <li class="first"><a href="/english/help.aspx" mce_href="english/help.aspx">Help</a></li> <li><a href="/english/sitemap.aspx" mce_href="english/sitemap.aspx">Site map</a></li> <li><a href="/english/privacy.aspx" mce_href="english/privacy.aspx">Privacy policy</a></li> <li><a href="/english/affiliates.aspx" mce_href="english/affiliates.aspx">Affiliates</a></li> </ul> <p>© Study Group 2010</p>  </div>  </div> <mce:script type="text/javascript"></mce:script> <mce:script type="text/javascript"></mce:script> </body> </html>