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

发布时间：2007-10-26　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

runcodediv.xx{border:solid1px;overflow:hidden;}div.xxh5{border:solid1px;border-width:001px;padding:0;margin:0;height:30px;line-height:30px;cursor:pointer;background:#eee;}伸缩效果内容内容内容内容伸缩效果sdf容sdf容sf容sfd容[Ctrl+A全选注:如需

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
一打开网页是收缩的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>runcode</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Author" content="Sheneyan" /> <style type="text/css"> div.xx{border:solid 1px;overflow:hidden;height:200px} div.xx h5{border:solid 1px;border-width:0 0 1px;padding:0;margin:0;height:30px;line-height:30px;cursor:pointer;background:#eee;} </style> </head> <body> <h5 onclick="toggle(this.parentNode);" >伸缩效果</h5> 内容 内容 内容 内容 <h5 onclick="toggle(this.parentNode)">伸缩效果</h5> sdf容 sdf容 sf容 sfd容 </body> </html>

[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> </head> <body> 4 ::动漫同人志:: :::日韩动漫::: :::港台动漫::: :::大陆动漫::: :::原创动漫::: :::友情链接::: 4 ::动漫音乐:: ::日韩动漫音乐:: ::港台动漫音乐:: ::大陆动漫音乐:: ::动漫音乐库:: :::网友点播::: 4 ::网页123:: ::网页基础:: ::网页进阶:: ::网页高手:: ::网页脚本:: ::网页理念:: ::网页源件:: 4 ::兄弟站点:: 征集中... 征集中... 征集中... 征集中... 征集中... 征集中... </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>tree menu by jiarry</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> span{ width:100px;Height:25px;margin-left:15px;} font{font-weight:bold;} body,td{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;color:#333333;} div{cursor:default;border-top:1px solid gray ; border-left:1px solid gray ;border-right:1px solid gray ;background-color:#D3F7FE ;width:120px;} pre{background-color:#FFFFF1; border:1px solid gray;color:blue;font-family:verdana;Arial;padding:20px;} </style> </head> <body> +栏目一 菜单一 菜单二 菜单三 +栏目二 菜单一 菜单二 菜单三 +栏目三 菜单一 菜单二 菜单三 +栏目四 菜单一 菜单二 菜单三 菜单三 菜单三 菜单三

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：jQuery实现下拉菜单（内容为时间）的实时更新及图表的随动更新的方法

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

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

相关推荐

文章分类

热门关键词

热门文章

最新更新