页面导航多级滚动菜单(cool)_Web开发_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

最新公告：

敏韬网|教学资源学习资料永久免费分享站！ [mintao 2008年9月2日]

	您现在的位置：学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文

页面导航多级滚动菜单(cool)

热 ★★★★

页面导航多级滚动菜单(cool)

作者：闵涛文章来源：闵涛的学习笔记点击数：858 更新时间：2009/4/23 11:14:54

说明: 多级滚动菜单(cool)

效果: 运行后查看！

代码: 要完成此效果需要三个步骤

第一步：把如下代码加入到<head>区域中。

<style> body,td,a {font-size:9pt;color:black;text-decoration:none} .normal {padding:2px} .up {padding:1px;border:#999999 1px solid;background:#cccccc} .down {padding:1px;border:dbdbdb 1px solid;background:dbdbdb} .menuv {filter: revealTrans(transition=23,duration=0.5);padding:2px} </style>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

第二步：把如下代码加入到<body>区域中。

<script>
//闪烁的表格边框
function flashit(){if(!document.all)return;if (td123.style.borderColor=="black")td123.style.borderColor="#999999";else td123.style.borderColor="black"}setInterval("flashit()",500)
//渐入的效果,改变alpha值
function high(image){
theobject=image,
highlighting=setInterval("highlightit(theobject)",100)
}
function low(image){
clearInterval(highlighting),
image.filters.alpha.opacity=50
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=20;
else
if(window.highlighting)
clearInterval (highlighting)}
//拖动层的js
var over=false,down=false,divleft,divtop;
function move(){
if(down){plane.style.left=event.clientX-divleft;plane.style.top=event.clientY-divtop;}}
//滑动层
function bodyload()
{
if(plane.style.pixelTop!=0)
{
plane.style.pixelTop-=10
setTimeout('bodyload()',1)
}
}
//渐变显示层
function Show(divid) {
divid.filters.revealTrans.apply();
divid.style.visibility = "visible";
divid.filters.revealTrans.play();
}
function Hide(divid) {
divid.filters.revealTrans.apply();
divid.style.visibility = "hidden";
divid.filters.revealTrans.play();
}
</script>
<div style="position:absolute;z-index:1;width:1;height:1; left: 0; top: 500" ID=plane onmousedown="down=true;divleft=event.clientX-parseInt(plane.style.left);divtop=event.clientY-parseInt(plane.style.top)" onmouseup="down=false">
<table id="td123" cellspacing=2 width=100 border=0 style="BORDER:#999999 1px solid;cursor:hand" cellpadding="0" bgcolor="f4f4f4">
<tr>
<td bgcolor="#cccccc" height="20" style="BORDER:#999999 1px solid;cursor:move">
<div align="center">多级滑动菜单</div>
</td>
</tr>
<tr>
<td class=normal onMouseDown="this.className='down'"
onMouseOver="this.className='up',high(this),Show(menu1)
" onMouseOut="this.className='normal',low(this),menu1.style.visibility='hidden'" style="filter:alpha(opacity=50)"onMouseUp="this.className='up'" >
<div align="right">有下级菜单>></div>
</td>
</tr>
<tr>

没有相关教程

教程录入：mintao 责任编辑：mintao

上一篇教程：页面导航超酷的链接提示方式

下一篇教程：页面导航一个很爽的公告栏

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

　

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

更多内容

没有教程

赞助链接

闵涛博文

更多关于武汉SEO的内容

500 - 内部服务器错误。

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

| 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务

MinTao学以致用网

Copyright ＠ 2007-2012 敏韬网(敏而好学，文韬武略--MinTao.Net)（学习笔记） Inc All Rights Reserved.
闵涛 E_mail:admin@mintao.net(欢迎提供学习资源)

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……

咸宁网络警察报警平台