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知道与问问的采集插件代码
Oct 12 PHP
php在页面中调用fckeditor编辑器的方法
Jun 10 PHP
PHP实现时间轴函数代码
Oct 08 PHP
php中++i 与 i++ 的区别
Aug 08 PHP
php 无法加载mcrypt.dll的解决办法
Apr 03 PHP
解析posix与perl标准的正则表达式区别
Jun 17 PHP
解析PHP中的unset究竟会不会释放内存
Jul 18 PHP
codeigniter使用技巧批量插入数据实例方法分享
Dec 31 PHP
PHP导入导出Excel代码
Jul 07 PHP
PHP实现获取第一个中文首字母并进行排序的方法
May 09 PHP
thinkphp5.0自定义验证规则使用方法
Nov 16 PHP
PHP面向对象程序设计__tostring()和__invoke()用法分析
Jun 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
第四章 php数学运算
2011/12/30 PHP
php四种基础算法代码实例
2013/10/29 PHP
php模拟登陆的实现方法分析
2015/01/09 PHP
PHP生成随机数的方法实例分析
2015/01/22 PHP
PHP输入输出流学习笔记
2015/05/12 PHP
PHP rsa加密解密算法原理解析
2020/12/09 PHP
在IE下:float属性会影响offsetTop的取值
2006/12/22 Javascript
jquery和javascript中如何将一元素的内容赋给另一元素
2014/01/09 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
2014/10/14 Javascript
javascript实现点击按钮让DIV层弹性移动的方法
2015/02/24 Javascript
JavaScript类型系统之布尔Boolean类型详解
2016/06/26 Javascript
JS多文件上传的实例代码
2017/01/11 Javascript
JavaScript使用简单正则表达式的数据验证功能示例
2017/01/13 Javascript
ES6新特性之变量和字符串用法示例
2017/04/01 Javascript
JS桶排序的简单理解与实现方法示例
2019/11/25 Javascript
vue3.0+vue-router+element-plus初实践
2020/12/02 Vue.js
Python读取指定目录下指定后缀文件并保存为docx
2017/04/23 Python
PyQt5创建一个新窗口的实例
2019/06/20 Python
用python求一个数组的和与平均值的实现方法
2019/06/29 Python
Python实现的企业粉丝抽奖功能示例
2019/07/26 Python
django 单表操作实例详解
2019/07/30 Python
Tensorflow分批量读取数据教程
2020/02/07 Python
python+selenium定时爬取丁香园的新型冠状病毒数据并制作出类似的地图(部署到云服务器)
2020/02/09 Python
python轮询机制控制led实例
2020/05/03 Python
Keras使用ImageNet上预训练的模型方式
2020/05/23 Python
Python面向对象多态实现原理及代码实例
2020/09/16 Python
css图标制作教程制作云图标
2014/01/19 HTML / CSS
Sneaker Studio捷克:购买运动鞋
2018/07/08 全球购物
财务管理专业应届毕业生求职信
2013/09/22 职场文书
家长通知书教师评语
2014/04/17 职场文书
商场促销活动总结
2014/07/10 职场文书
中学生运动会通讯稿大全
2014/09/18 职场文书
小学五一劳动节活动总结
2015/02/09 职场文书
python编程实现清理微信重复缓存文件
2021/11/01 Python
Golang 结构体数据集合
2022/04/22 Golang
python内置模块之上下文管理contextlib
2022/06/14 Python