仿网易的滑动门导航效果代码(DIV+CSS)
来源:互联网 发布:智慧物流 大数据 编辑:程序博客网 时间:2024/04/30 13:48
DIV+CSS实现的仿网易的滑动门导航效果代码,代码非常短小精悍,希望对您主页制作有用处。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>仿网易的滑动门技术,用DIV+CSS技术实现</title><style type="text/css"><!--#header {background-color: #F8F4EF;height: 200px;width: 400px;margin: 0px;padding: 0px;border: 1px solid #ECE1D5;font-family: "宋体";font-size: 12px;}#menu {margin: 0px;padding: 0px;list-style-type: none;}#menu li {display: block;width: 100px;text-align: center;float: left;margin: 0px;padding-top: 0.2em;padding-right: 0px;padding-bottom: 0.2em;padding-left: 0px;cursor: hand;}.sec1 { background-color: #FFFFCC;}.sec2 { background-color: #00CCFF;}.block { display: block;}.unblock { display: none;}--></style></head><body><script language=javascript>function secBoard(n){for(i=0;i<menu.childNodes.length;i++)menu.childNodes[i].className="sec1";menu.childNodes[n].className="sec2";for(i=0;i<main.childNodes.length;i++)main.childNodes[i].style.display="none";main.childNodes[n].style.display="block";}</script><div id="header"><ul id="menu"><li onMouseOver="secBoard(0)" class="sec2">最新新闻</li><li onMouseOver="secBoard(1)" class="sec1">最新文章</li><li onMouseOver="secBoard(2)" class="sec1">最新日志</li><li onMouseOver="secBoard(3)" class="sec1">论坛新帖</li></ul><!--内容显示区域--><ul id="main"><li class="block">第一个内容</li><li class="unblock">第二个内容</li><li class="unblock">第三个内容</li><li class="unblock">第四个内容</li></ul><!--内容显示区域--></div></body></html>
- 仿网易的滑动门导航效果代码(DIV+CSS)
- 仿网易div css滑动门选项卡效果
- DIV+CSS仿网易的滑动门技术AJAX
- 仿网易云音乐的滑动效果
- DIV+CSS仿网易的滑动门技术AJAX,希望对首页模板的设计有帮助!
- CSS多级滑动门效果导航菜单代码
- DIV+CSS漂亮滑动门导航条
- 仿网易的滑动门技术
- 一个导航条的效果DIV+CSS
- 仿网易新闻顶部滑动条效果
- 仿网易云音乐滑动效果
- android-仿美丽说有滑动效果的导航栏
- android-仿美丽说有滑动效果的导航栏
- android-仿美丽说有滑动效果的导航栏
- android-仿美丽说有滑动效果的导航栏
- android-仿美丽说有滑动效果的导航栏
- DIV+CSS:二级导航的制作代码
- 我的第一个DIV+CSS导航条 仿PHP168
- Javascript模板技术
- 动态为表格添加行
- tomcat6启动时,struts工程项报错
- 天哪! 如此多的访问量,:)
- how to use javascript split function (JS中split函数使用)
- 仿网易的滑动门导航效果代码(DIV+CSS)
- 吃蟹
- Struts_基于MVC的Web开发框架
- Windows群集安装:4)添加群集节点
- 修正版 疯狂代码 写给WEB2.0的站长
- wxpython in action 第一章划水【完结】
- DNN中的FckEditor显示中文工具栏和菜单
- 主要流程设想
- 转行.net平台了!