当前位置：首页 -> 网页设计 -> HTML/CSS -> DIV下拉式菜单（二）

DIV下拉式菜单（二）

时间： 2021-07-31 作者：daque

你不妨把这段步调放在<head></head>标识之间，或是网页的大肆场所。　　接下来，咱们还要设置咱们的本质菜单项了，这边咱们要给每一个菜单项加上一个鼠目标挪动事变(onmouseover)句柄，而且让这个事变挪用咱们上头设置的show因变量。也即是说，当鼠标一加入咱们的菜单项中，咱们的show因变量就发端实行了。这边，咱们还要给咱们的每个菜单项设置一个id号，而且把其下拉菜单列的id名传入show因变量中，这对咱们遏制下拉菜单列很要害，底下我给出了菜单项的html语法刻画： <table border=0> 　　<tr> 　　　<td id="d1" onmouseover="show(this,ds1);" class="menu">期刊本领站点</td> 　　　<td id="d2" onmouseover="show(this,ds2);" class="menu">派别站点</td> 　　　<td id="d3" onmouseover="show(this,ds3);" class="menu">部分保藏站点</td> 　　</tr> </table> 　　结果，咱们要设置咱们的下拉菜单列了。每一个下拉菜单列，咱们都要付与其submenu的css属性，和一个id名字好让咱们的show因变量遏制它，结果，咱们让他的默许表露办法为none，也即是让它不表露。这是给它的display款式赋值“none”来实行的。底下，我给出了下拉菜单列的html语法刻画： <div id="ds1" class="submenu" style="display:none"> 　　<br><a href="http:\\www.yesky.com">天极网 yesky.com</a> 　　<br><a href="http:\\www.cbinews.com">电脑商谍报</a> 　　<br><a href="http:\\www.newsoft.com.cn">新潮电子</a> 　　<br>　 </div> <div id="ds2" class="submenu" style="display:none"> 　　<br><a href="http:\\www.sina.com.cn">新浪网 sina</a> 　　<br><a href="http:\\www.sohu.com.cn">搜狐 sohu</a> 　　<br><a href="http:\\www.163.com">网易 netease</a> 　　<br>　 </div> <div id="ds3" class="submenu" style="display:none"> 　　<br><a href="http:\\haoel.yeah.net">耗子搜集编制程序站</a> 　　<br><a href="http:\\www.5460.net">华夏同窗录</a> 　　<br><a href="http:\\www.csdn.net">华夏软硬件开拓网</a> 　　<br>　 </div> 　　这即是十足的进程了，有了之上四个办法，你确定不妨瞥见一个菜单了，把它放在你的网页上吧，确定会很美丽的。固然，你也不妨本人试着变换一下菜单的属性，让它更像一个菜单。

DIV下拉式菜单（二）

相关推荐

推荐下载

热门阅览

最新排行