站长资源 网络编程

几个不错的自动收缩菜单导航效果

整理:jimmy2026/8/6浏览2次

简介runcode div.xx{border:solid 1px;overflow:hidden;} div.xx h5{border:solid 1px;border-width:0 0 1px;padding:0;margin:0;height:30px;line-height:30px;

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
一打开网页是收缩的

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
慢慢展开菜单的效果，以前早就有人做过，给个时间函数。也算不上什么极限：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style> body{         margin:0px;         font:normal 12px 宋体;         background: #999999; } table{border:0px;} td{font:normal 12px 宋体; } img{vertical-align:middle; border:0px;} .sec_menu{border-left:1px solid #808080; border-right:1px solid #808080;  border-bottom:1px solid #808080; overflow:hidden; background:#FFCC99;} .menu_title{background-color: #CC6600} .menu_title span{color:#FFFFFF;} .menu_title2{background-color: #FF9900} .menu_title2 span{color:#C8C8C8; } .showtitle{position:relative; top:-2px; left:-6px; border:1pt solid #C3D4E7; z-index:0; height:26; background-color: #0080C0; padding-top:5; padding-left:5} .alp{FILTER: alpha(opacity=0,finishopacity=100,style=1,startx=0,starty=5, finishx=250,finishy=85} .txt1{font-size:9pt; color:#CCCCCC;} </style>  <title>Cattom</title> <link href="link.css" rel="stylesheet" type="text/css"> </head>  <body>           4 ::动漫同人志::                 :::日韩动漫:::                             :::港台动漫:::                             :::大陆动漫:::                             :::原创动漫:::                             :::友情链接:::                    4 ::动漫音乐::                 ::日韩动漫音乐::                             ::港台动漫音乐::                             ::大陆动漫音乐::                             ::动漫音乐库::                             :::网友点播:::                   4 ::网页123::   ::网页基础:: ::网页进阶:: ::网页高手:: ::网页脚本:: ::网页理念:: ::网页源件::      4 ::兄弟站点::   征集中... 征集中... 征集中... 征集中... 征集中... 征集中...  </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：用JavaScript实现的一个IP地址输入框

下一篇：用javascript实现改善用户体验之alert提示效果

站长资源 网络编程

几个不错的自动收缩菜单导航效果

最新资源

一句话新闻

标签云