|
|
Line 1: |
Line 1: |
- | <HTML><head><title>Preview</title> | + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
- | <script type="text/javascript" language="JavaScript1.2" src="file:///C|/Program Files (x86)/春天网页菜单/res/menu.js"></script>
| + | <html xmlns="http://www.w3.org/1999/xhtml"> |
- | </head><body style="background-color:#FFFFFF;margin-left:5;margin-top:5;"> | + | <head> |
- | <script type="text/javascript" language="JavaScript1.2">BuildLayer('v','','','','250','250','','','','6','0','0px None #ACA899','0px None #ACA899','0px None #ACA899','0px None #ACA899','left','#FFFFFF','','1','1','','Filter:progid:DXImageTransform.Microsoft.Fade(overlap=.5,enabled=0,Duration=0.5)','1','#C0C0C0','0','Default','Pointer','','100','0','#000000')
| + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
- | SwapDiv('wme46','','','file:///C|/Program%20Files%20%28x86%29/春天网页菜单/res/blank.gif','file:///C|/Program%20Files%20%28x86%29/春天网页菜单/res/blank.gif','0','0','file:///C|/Program%20Files%20%28x86%29/春天网页菜单/res/blank.gif','file:///C|/Program%20Files%20%28x86%29/春天网页菜单/res/blank.gif','0','0','1','1','Arial','Arial','8pt','8pt','normal','normal','#000000','#000000','normal','normal','none','none','transparent','#000000','file:///C|/Program%20Files%20%28x86%29/春天网页菜单/res/blank.gif','file:///C|/Program%20Files%20%28x86%29/春天网页菜单/res/blank.gif','0','0','0','0','0px None #FFFFFF','0px None #FFFFFF','0px None #FFFFFF','0px None #FFFFFF','0px None #FFFFFF','0px None #FFFFFF','0px None #FFFFFF','0px None #FFFFFF','middle','center','','','','_self','','','2','file:///C|/Program%20Files%20%28x86%29/春天网页菜单/res/blank.gif','file:///C|/Program%20Files%20%28x86%29/春天网页菜单/res/blank.gif','auto','auto','0','0','0')
| + | <title>Sliding Side Bar</title> |
- | SwapDiv('wme1','wme46',' Project ',_,_,_,_,_,_,_,_,'4','auto','Brush Script MT','Broadway','13pt','10pt',_,_,'#FFFF80','#FFFF00','bold','bold',_,_,'#4A8B94','#4A8B94','file:///E|/IGEMMMM/wiki/button1.jpg','file:///E|/IGEMMMM/wiki/button2.jpg','1','1','1','1','1px Ridge #FFFFFF','1px Ridge #FFFFFF','1px Ridge #FFFFFF','1px Ridge #FFFFFF','1px Ridge #3A4057','1px Ridge #3A4057','1px Ridge #3A4057','1px Ridge #3A4057',_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme40','wme46',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#AFF589',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'2',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme57','wme46','Product A',_,_,_,_,_,_,_,_,'auto','auto',_,_,_,_,_,_,'#FFFFFF','#FFFFFF',_,_,_,_,'#91FC8D','#6CBBC6',_,_,'1','1','1','1','1px None #FFFFFF','1px None #FFFFFF','1px None #FFFFFF','1px None #FFFFFF','1px None #3A4057','1px None #3A4057','1px None #3A4057','1px None #3A4057',_,'left',_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme4','wme57','Product B',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#80FF00',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme63','wme57','Product C',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme68','wme4','Product D',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme42','wme46',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#9F9926',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'2',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme7','wme1',_,_,_,_,_,_,_,_,_,'auto',_,_,_,_,_,_,_,_,_,_,_,_,_,'#899238','#899238',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme36','wme46',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#716C1C',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'2',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme10','wme57','Credit Card',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#8080FF','#DAD567',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme28','wme10','Wire Transfer ',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#BDBDFF',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme29','wme10','Check',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme67','wme28','Mail Order',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme44','wme46',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#80CB3A',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'2',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme18','wme7',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#6CB130','#6CB130',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme38','wme46',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#5B9528',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'2',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme17','wme57','FAQ',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#FF8080','#A6DA76',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme20','wme17','Forum',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#FFCACA',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme21','wme17','Contact Us',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
| + | |
- | SwapDiv('wme76','wme20','New Menu Item',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
| + | |
- | HideDiv();
| + | |
- | </script> | + | |
| | | |
- | </body></HTML> | + | <style media="all" type="text/css"> |
| + | |
| + | body{ |
| + | position:relative; |
| + | paddign:0px; |
| + | font-size:100%; |
| + | } |
| + | |
| + | h2{ |
| + | color:#FFFFFF; |
| + | font-size:90%; |
| + | font-family:arial; |
| + | margin:10px 10px 10px 10px; |
| + | font-weight:bold; |
| + | } |
| + | |
| + | h2 span{ |
| + | font-size:105%; |
| + | font-weight:normal; |
| + | } |
| + | |
| + | ul{ |
| + | margin:0px 0px 0px 0px; |
| + | padding:0px 0px 0px 0px; |
| + | } |
| + | |
| + | li{ |
| + | margin:0px 10px 3px 10px; |
| + | padding:2px; |
| + | list-style-type:none; |
| + | display:block; |
| + | background-color:#DA1074; |
| + | width:177px; |
| + | } |
| + | |
| + | li a{ |
| + | width:100%; |
| + | } |
| + | |
| + | li a:link, |
| + | li a:visited{ |
| + | color:#FFFFFF; |
| + | font-family:verdana; |
| + | font-size:70%; |
| + | text-decoration:none; |
| + | display:block; |
| + | margin:0px 0px 0px 0px; |
| + | padding:0px; |
| + | width:100%; |
| + | } |
| + | |
| + | li a:hover{ |
| + | color:#FFFFFF; |
| + | text-decoration:underline; |
| + | } |
| + | |
| + | #sideBar{ |
| + | position: absolute; |
| + | width: auto; |
| + | height: auto; |
| + | top: 200px; |
| + | right:-7px; |
| + | background-image:url(images/background.gif); |
| + | background-position:top left; |
| + | background-repeat:repeat-y; |
| + | } |
| + | |
| + | #sideBarTab{ |
| + | float:left; |
| + | height:137px; |
| + | width:28px; |
| + | } |
| + | |
| + | #sideBarTab img{ |
| + | border:0px solid #FFFFFF; |
| + | } |
| + | |
| + | #sideBarContents{ |
| + | overflow:hidden !important; |
| + | } |
| + | |
| + | #sideBarContentsInner{ |
| + | width:200px; |
| + | } |
| + | |
| + | </style> |
| + | |
| + | <script type="text/javascript" src="js/mootools.js"></script> |
| + | <script type="text/javascript" src="js/side-bar.js"></script> |
| + | |
| + | </head> |
| + | |
| + | <body> |
| + | |
| + | <div id="sideBar"> |
| + | |
| + | <a href="#" id="sideBarTab"><img src="images/slide-button.gif" alt="sideBar" title="sideBar" /></a> |
| + | |
| + | <div id="sideBarContents" style="width:0px;"> |
| + | <div id="sideBarContentsInner"> |
| + | <h2>side<span>bar</span></h2> |
| + | |
| + | <ul> |
| + | <li><a href="#">Link One</a></li> |
| + | <li><a href="#">Link Two</a></li> |
| + | <li><a href="#">Link Three</a></li> |
| + | <li><a href="#">Link Four</a></li> |
| + | <li><a href="#">Link Five</a></li> |
| + | </ul> |
| + | |
| + | </div> |
| + | </div> |
| + | |
| + | </div> |
| + | |
| + | </body> |
| + | </html> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">