JS + CSS + XHTML ? ?

Posted by john
6/17/2007
Related Tags:
css manuals  css templates  css download  css button  css fillet  css vertical middling  css games  css menu  css float  xhtml css  xhtml Guide  xhtml markings xhtml manuals  xml xhtml  xhtml grammar  xhtml elements xhtml source  xhtml attributes  xhtml templates  what is xhtml  CSS Font  CSS Border  css Margin  css Padding  CSS List  CSS Table  css background  css fonts  css borders  what is the css  css editor  css hack  Baidu space css  css transparent  css clear  css Chinese manual  css filter  css rolling  css navigation  css li  css dotted line  css spaced  css files  css form css links css table  css shadow css fonts  css position  css css navigation of the book  css language dreamweaver css  asp css  css attributes  css example  css Notes css inheritance  css padding  css gradual  css Auto-trip xhtml css  css grammar  css custom templates  css input  css middling  css important  css ul  css overflow  css entry  css link  css positioning proficient  css background image  css expression  css space  css tab  css map  css display  css margindiv  css bold  css zen garden  css authoritative guides  css  css hover  css mandatory for firms 

  <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 "lang="gb2312"> 
<head>
<head>
<script>
  StartList = function () ( 
  If (document.all & document.getElementById) ( 
  NavRoot = document.getElementById ( "nav"); 
  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> 

<style>
  body ( 
  Font: normal 11px verdana; 
  ) 

  Ul ( 
  Margin: 0; 
  Padding: 0; 
  List-style: none; 
  Width: 150px; / * Width of Menu Items * / 
  Border-bottom: 1px solid # ccc; 
  ) 

  Ul li ( 
  Position: relative; 
  ) 

  Li ul ( 
  Position: absolute; 
  Left: 149px; / * Set 1px less than menu width * / 
  Top: 0; 
  Display: none; 
  ) 

  / * Styles for Menu Items * / 
  Ul li a ( 
  Display: block; 
  Text-decoration: none; 
  Color: # 777; 
  Background: # fff; / * IE6 Bug * / 
  Padding: 5px; 
  Border: 1px solid # ccc; 
  Border-bottom: 0; 
  ) 

  / * Fix IE. Hide from IE Mac \ * / 
  * Html ul li (float: left; height: 1%;) 
  * Html ul li a (height: 1%;) 
  / * End * / 

  Ul li a: hover (color: # E2144A; background: # f9f9f9;) / * Hover Styles * / 

  Li ul li a (padding: 2px 5px;) / * Sub Menu Styles * / 

  Li: hover ul, li.over ul (display: block;) / * The magic * / 
  </ Style> 
  </ Head> 

<body>
  <ul Id="nav"> 
  <li> <a Href="#"> Home </ a> </ li> 
  <li> <a Href="#"> About </ a> 
<ul>
  <li> <a Href="#"> History </ a> </ li> 
  <li> <a Href="#"> Team </ a> </ li> 
  <li> <a Href="#"> Offices </ a> </ li> 
  </ Ul> 
  </ Li> 
  <li> <a Href="#"> Services </ a> 
<ul>
  <li> <a Href="#"> Web Design </ a> </ li> 
  <li> <a Href="#"> Internet Marketing </ a> </ li> 
  <li> <a Href="#"> Hosting </ a> </ li> 
  <li> <a Href="#"> Domain Names </ a> </ li> 
  <li> <a Href="#"> Broadband </ a> </ li> 
  </ Ul> 
  </ Li> 
  <li> <a Href="#"> Contact Us </ a> 
<ul>
  <li> <a Href="#"> United Kingdom </ a> </ li> 
  <li> <a Href="#"> France </ a> </ li> 
  <li> <a Href="#"> USA </ a> </ li> 
  <li> <a Href="#"> Australia </ a> </ li> 
  </ Ul> 
  </ Li> 
  </ Ul> 
  </ Body> 
  </ Html> 




Related articles:

ShowModalDialog use experience and showModelessDialog
  1, and showModelessDialog showModalDialog What is the difference?    ShowModalDialog: The following will always remain open input focus.    Unless the dialog be closed, otherwise users will not be able switch to the main window.    Similar alert operating resul...
CSS common problem!
  How CSS forms definition and analog form    Http://www.blueidea.com/tech/site/2006/3299.asp    Div under the picture adaptive solution    Http://www.blueidea.com/tech/site/2006/3297.asp    [Css] IE5/IE5.5/IE6/FF compatibility    Http://w...
Beginners Guide to HTML - HTML document as a whole
  Original content of this site, please specify the source of reproduced I love DivCSS.    Now you have is a beginner, HTML is basically familiar with the principle that this is a tutorial for beginners, if you do not meet the current knowledge, then you look at the contents of some...
Improve work efficiency! Use Dreamweaver template Construction Site
  This paper prepared by the studio from 4 u2v "Dreamweaver Web design and produce 100 cases" (Telecom Publishing House, ISBN: 7115142394).    Without the written authorization of the copyright owners permission to reproduce this prohibition.    Buy address: Clic...
Dreamweaver MX Advanced Course: Fixed cell width
  Have a problem    1. Click on the insert panel "Insert Form" icon, insert tables, the following parameters set plans.    2. Insert a table.    3. Enter text in the table    Then in the form of the deformation.    Use dreamweave...