PHP导航下拉菜单的实现如此简单


Posted in PHP onSeptember 22, 2013
<style> 
#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 = 500; 
var closetimer = 0; 
var ddmenuitem = 0; 
// open hidden layer 
function mopen(id) 
{ 
// cancel close timer 
mcancelclosetime(); 
// close old layer 
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; 
// get new layer and show it 
ddmenuitem = document.getElementById(id); 
ddmenuitem.style.visibility = 'visible'; 
} 
// close showed layer 
function mclose() 
{ 
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; 
} 
// go close timer 
function mclosetime() 
{ 
closetimer = window.setTimeout(mclose, timeout); 
} 
// cancel close timer 
function mcancelclosetime() 
{ 
if(closetimer) 
{ 
window.clearTimeout(closetimer); 
closetimer = null; 
} 
} 
// close layer when click-out 
document.onclick = mclose; 
// --> 
</script> 
<div class="header_continer002"> 
<div class="header"> <img class="logo" src="images/logo.jpg" /> <span class="pos_01">服务热线<br /> 
400-691-6006</span> <span class="pos_02"> <a href="http://u.youku.com/user_show/id_UMzMxNDI5MTgw.html" target="_blank"><img src="images/top_pic01.jpg" /></a> 
<div style="margin-top:5px;"> <a href="http://weibo.com/tcdd" target="_blank"><img src="images/top_pic02.jpg" /></a></div> 
</span> 
<ul class="nav" onmouseout="hide_sub()" id="sddm"> 
<li><a href="/">首页</a></li> 
<li><a href="/plus/list.php?tid=1" onmouseover="mopen('m1')" onmouseout="mclosetime()">关于我们</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="/plus/list.php?tid=2" onmouseover="mopen('m2')" onmouseout="mclosetime()">新闻中心</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="/plus/list.php?tid=3" onmouseover="mopen('m3')" onmouseout="mclosetime()">解决方案</a> 
<div id="m3" 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="/plus/list.php?tid=4" onmouseover="mopen('m4')" onmouseout="mclosetime()">产品展示</a> 
<div id="m4" 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="/plus/list.php?tid=5" onmouseover="mopen('m5')" onmouseout="mclosetime()">支持与下载</a> 
<div id="m5" 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="/plus/list.php?tid=6" onmouseover="mopen('m6')" onmouseout="mclosetime()">人才招聘</a> 
<div id="m6" 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="/plus/list.php?tid=7" onmouseover="mopen('m7')" onmouseout="mclosetime()">联系我们</a> 
<div id="m7" 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> 
</ul> 
</dl> 
</div> 
</div> 
</div>
PHP 相关文章推荐
php中看实例学正则表达式
Dec 25 PHP
windows下PHP APACHE MYSQ完整配置
Jan 02 PHP
PHP中用接口、抽象类、普通基类实现“面向接口编程”与“耦合方法”简述
Mar 23 PHP
Smarty模板学习笔记之Smarty简介
May 20 PHP
php采用curl访问域名返回405 method not allowed提示的解决方法
Jun 26 PHP
jQuery+PHP实现的掷色子抽奖游戏实例
Jan 04 PHP
php判断输入是否是纯数字,英文,汉字的方法
Mar 05 PHP
PHP查询快递信息的方法
Mar 07 PHP
学习php设计模式 php实现建造者模式
Dec 07 PHP
php+javascript实现的动态显示服务器运行程序进度条功能示例
Aug 07 PHP
Thinkphp5行为使用方法汇总
Dec 21 PHP
记Laravel调用Gin接口调用formData上传文件的实现方法
Dec 12 PHP
PHP 输出URL的快捷方式示例代码
Sep 22 #PHP
PHP截断标题且兼容utf8和gb2312编码
Sep 22 #PHP
PHP循环函数使用介绍之PHP基础入门教程
Sep 21 #PHP
PHP Switch 语句之学习笔记
Sep 21 #PHP
PHP基础知识介绍
Sep 17 #PHP
遭遇php的in_array低性能问题
Sep 17 #PHP
PHP和JavaScrip分别获取关联数组的键值示例代码
Sep 16 #PHP
You might like
《超神学院》霸气归来, 天使彦上演维多利亚的秘密
2020/03/02 国漫
php下载文件的代码示例
2012/06/29 PHP
PHP mysql事务问题实例分析
2016/01/18 PHP
PHP 文件锁与进程锁的使用示例
2017/08/07 PHP
PHP生成(支持多模板)二维码海报代码
2018/04/30 PHP
input 输入框内的输入事件详细分析
2010/03/17 Javascript
jquery+css+ul模拟列表菜单具体实现思路
2013/04/15 Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
2013/11/15 Javascript
基于BootStrap Metronic开发框架经验小结【九】实现Web页面内容的打印预览和保存操作
2016/05/12 Javascript
浅谈jquery设置和获得checkbox选中的问题
2016/08/19 Javascript
基于JavaScript实现点击页面任何位置返回
2016/08/31 Javascript
关于Sequelize连接查询时inlude中model和association的区别详解
2017/02/27 Javascript
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
2017/06/01 jQuery
详解Node.js读写中文内容文件操作
2018/10/10 Javascript
微信小程序实现卡片层叠滑动效果
2019/06/21 Javascript
[01:08]DOTA2次级职业联赛 - Shield战队宣传片
2014/12/01 DOTA
python对html代码进行escape编码的方法
2015/05/04 Python
Python中返回字典键的值的values()方法使用
2015/05/22 Python
浅谈python中的面向对象和类的基本语法
2016/06/13 Python
全面了解python中的类,对象,方法,属性
2016/09/11 Python
Python简单实现安全开关文件的两种方式
2016/09/19 Python
Python3查找列表中重复元素的个数的3种方法详解
2020/02/13 Python
Python requests模块基础使用方法实例及高级应用(自动登陆,抓取网页源码)实例详解
2020/02/14 Python
使用pygame编写Flappy bird小游戏
2020/03/14 Python
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
2020/08/19 HTML / CSS
SmartBuyGlasses意大利:购买太阳镜、眼镜和隐形眼镜
2018/11/20 全球购物
趣天网日本站:Qoo10 JP
2019/09/18 全球购物
世界上最大的艺术社区:SAA
2020/12/30 全球购物
《值日生》教学反思
2014/02/17 职场文书
教师群众路线心得体会
2014/11/04 职场文书
小学一年级数学教学计划
2015/01/20 职场文书
黄埔军校观后感
2015/06/10 职场文书
oracle DGMGRL ORA-16603报错的解决方法(DG Broker)
2021/04/06 Oracle
MySQL 覆盖索引的优点
2021/05/19 MySQL
MySQL优化及索引解析
2022/03/17 MySQL
PostgreSQL数据库去除重复数据和运算符的基本查询操作
2022/04/12 PostgreSQL