简单html导航网站源码(就简单简单网页代码)
本文目录
就简单简单网页代码
昨天晚上新写的 给你吧 ***隐藏网址******隐藏网址***《head》***隐藏网址***《title》标准网页《/title》《style type="text/css" 》#bodydiv{ position:relative; margin-left:95px; margin-right:95px;}#body{ background-color:#FF8080;margin-top:auto;color: #996600;font-family: "黑体";;}#bannerdiv{ position:relative;}#bannertable{}#centerdiv{ position:relative; padding-left:3px;}#centertable{ }#rootdiv{ margin-top:11px;}《/style》《/head》《body id="body" 》《div id="bodydiv"》《div id="bannerdiv"》 《table align="center" id="bannertable"》 《tr》 《td》 《img src="banner.gif" width="770" height="170"》 《/td》 《/tr》 《/table》《/div》《div id="centerdiv"》 《table id="centertable" border="0" cellpadding="7px" 》 《tr》 《td》 《table border="0" style=" height:24px; width:200px;"background="divbg.gif" 》 《tr》《td align="center"》《/td》《/tr》《/table》 《table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0"》 《tr》《td align="center"》《img src="headimg.jpg" width="200" height="170" /》《/td》《/tr》《/table》 《/td》 《td rowspan="2"》 《table border="0" style=" height:24px; width:373px;"background="divbg.gif" 》 《tr》《td align="center"》日志《/td》《/tr》《/table》 《table border="0" style="height:380px; width:373px; background-color:#FF814f" cellpadding="0" cellspacing="0"》 《tr》《td》《/td》《/tr》《/table》 《/td》 《td rowspan="2"》 《table border="0" style=" height:24px; width:160px;"background="divbg.gif" 》 《tr》《td align="center"》网站导航《/td》《/tr》《/table》 《table border="0" style="height:380px; width:160px; background-color:#FF814f" cellpadding="0" cellspacing="0"》 《tr》《td》《/td》《/tr》《/table》 《/td》 《/tr》 《tr》 《td》 《table border="0" style=" height:24px; width:200px;"background="divbg.gif" 》 《tr》《td align="center"》心情《/td》《/tr》《/table》 《table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0"》 《tr》《td》《/td》《/tr》《/table》 《/td》 《/tr》 《tr》 《td》 《table border="0" style=" height:24px; width:200px;"background="divbg.gif" 》 《tr》《td align="center"》头像31《/td》《/tr》《/table》 《table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0"》 《tr》《td》《/td》《/tr》《/table》 《/td》 《td》 《table border="0" style=" height:24px; width:373px;"background="divbg.gif" 》 《tr》《td align="center"》头像32《/td》《/tr》《/table》 《table border="0" style="height:170px; width:373px; background-color:#FF814f" cellpadding="0" cellspacing="0"》 《tr》《td》《/td》《/tr》《/table》 《/td》 《td》 《table border="0" style=" height:24px; width:160px;"background="divbg.gif" 》 《tr》《td align="center"》头像33《/td》《/tr》《/table》 《table border="0" style="height:170px; width:160px; background-color:#FF814f" cellpadding="0" cellspacing="0"》 《tr》《td》《/td》《/tr》《/table》 《/td》 《/tr》 《/table》 《/div》 《div id="rootdiv"》 《table align="center"》 《tr》 《td align="center"》 《img src="rootimg.gif" height="60" width="190" /》 《/td》 《/tr》 《tr》 《td》 《/td》 《/tr》 《/table》 《/div》《/div》《/body》《/html》
html下拉导航栏代码
这个是用JS实现的。你百度一下,JS实现二级导航源码就有了。
***隐藏网址******隐藏网址***《head》***隐藏网址***《title》简洁的纯CSS下拉菜单代码《/title》《style》#sddm{margin: 0 auto;padding: 0;z-index: 30;background-color:#F4F4F4;width: 480px;height:23px;}#sddm li{margin: 0;padding: 0;list-style: none;float: left;font: bold 12px arial}#sddm li a{display: block;margin: 0 1px 0 0;padding: 4px 10px;width: 60px;background: #5970B2;color: #FFF;text-align: center;text-decoration: none}#sddm li a:hover{background: #49A3FF}#sddm div{position: absolute;visibility: hidden;margin: 0;padding: 0;background: #EAEBD8;border: 1px solid #5970B2}#sddm div a{position: relative;display: block;margin: 0;padding: 5px 10px;width: auto;white-space: nowrap;text-align: left;text-decoration: none;background: #EAEBD8;color: #2875DE;font: 12px arial}#sddm div a:hover{background: #49A3FF;color: #FFF}《/style》《!-- dd menu --》《script type="text/javascript"》《!--var timeout = 100;var closetimer = 10;var ddmenuitem = 0;// open hidden layerfunction mopen(id){// cancel close timermcancelclosetime();// close old layerif(ddmenuitem) ddmenuitem.style.visibility = ’hidden’;// get new layer and show itddmenuitem = document.getElementById(id);ddmenuitem.style.visibility = ’visible’;}// close showed layerfunction mclose(){if(ddmenuitem) ddmenuitem.style.visibility = ’hidden’;}// go close timerfunction mclosetime(){closetimer = window.setTimeout(mclose, timeout);}// cancel close timerfunction mcancelclosetime(){if(closetimer){window.clearTimeout(closetimer);closetimer = null;}}// close layer when click-outdocument.onclick = mclose; // --》《/script》《/head》《body style="text-align:center"》《ul id="sddm"》《li》《a href="#" onmouseover="mopen(’m1’)" onmouseout="mclosetime()"》Home《/a》《div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"》《a href="#"》HTML DropDown《/a》《a href="#"》DHTML DropDown menu《/a》《a href="#"》JavaScript DropDown《/a》《a href="#"》DropDown Menu《/a》《a href="#"》CSS DropDown《/a》《/div》《/li》《li》《a href="#" onmouseover="mopen(’m2’)" onmouseout="mclosetime()"》Download《/a》《div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"》《a href="#"》ASP Dropdown《/a》《a href="#"》Pulldown menu《/a》《a href="#"》AJAX dropdown《/a》《a href="#"》DIV dropdown《/a》《/div》《/li》《li》《a href="#" onmouseover="mopen(’m3’)" onmouseout="mclosetime()"》Order《/a》《div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"》《a href="#"》Visa Credit Card《/a》《a href="#"》Paypal《/a》《/div》《/li》《li》《a href="#" onmouseover="mopen(’m4’)" onmouseout="mclosetime()"》Help《/a》《div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"》《a href="#"》Download Help File《/a》《a href="#"》Read online《/a》《/div》《/li》《li》《a href="#" onmouseover="mopen(’m5’)" onmouseout="mclosetime()"》Contact《/a》《div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"》《a href="#"》E-mail《/a》《a href="#"》Submit Request Form《/a》***隐藏网址***《/div》《/li》《/ul》《/body》《/html》
更多文章:
联想e49笔记本电脑(联想E49笔记本电脑怎么恢复出厂设置)
2024年7月9日 18:41