可折叠弹出式菜单

body {background-color: #FFF;color: #000;}

div {margin-bottom: 10px;}

ul.menu {display: none;list-style-type: none;margin-top: 5px;}

a.menuLink {font-size: 16px;font-weight: bold;}

window.onload = initAll;

function initAll() {

var allLinks = document.getElementsByTagName("a");

for (var i=0; i

if (allLinks[i].className.indexOf("menuLink") > -1) {

allLinks[i].onclick = toggleMenu;

}

function toggleMenu() {

var startMenu = this.href.lastIndexOf("/")+1;

var stopMenu = this.href.lastIndexOf(".");

var thisMenuName = this.href.substring(startMenu,stopMenu);

var thisMenu = document.getElementById(thisMenuName).style;

if (thisMenu.display == "block") {

thisMenu.display = "none";

}

else {

thisMenu.display = "block";

}

return false;

}

Shakespeare's Plays

Comdeis

All's Well That Ends Well
As You Like It
Love's Labour's Lost
The Comedy of Errors

Tragedies

Anthony & Cleopatra
Hamlet
Romeo & Juliet

Histories

Henry IV, Part1
Henry IV, Part2

Html做弹出式菜单,JavaScript制作的可折叠弹出式菜单示例相关推荐

怎么使用javascript制作图片切换
** 怎么使用javascript制作图片切换 ** 轮播图在网页中是一个不可少的存在,其实只做起来还是相对而言还是比较简单的,来看看是怎么制作的. 这里是css的代码: #imgInfo,.clic ...
HTML+CSS+JavaScript制作登录页面_科幻后台登录界面html模板_科技感登录界面html模板
科幻后台登录界面html模板原始HTML+CSS+JS页面设计,这是一个不错的登录网页制作,画面精明,非常适合初学者学习使用. 作品介绍 1.网页作品简介方面 :蓝色科技风格后台登录框,科幻的网站后 ...
HTML+CSS+JavaScript 制作电子版的烂漫爱心表白动画(程序员也是很烂漫的)
HTML+CSS+JavaScript 制作电子版的烂漫爱心表白动画(程序员也是很烂漫的) 程序员给大家留下的印象往往是代码的机器,整天写代码-程序员不懂爱!其实这是对程序员一种片面的看法.程序员固然 ...
javascript的参数_如何使用JavaScript制作参数家具
javascript的参数 by O-LAP 由O-LAP 如何使用JavaScript制作参数家具 (How you can make parametric furniture with JavaS ...
如何用iframe标签以及Javascript制作时钟？
如何利用iframe标签以及Javascript制作时钟? 如何制作一个时钟呢?效果如下图所示: 这里的时钟会不停的走,但是下面的页面是不会变得,这样就实现了我们想要的效果了.下面我将分为以下几个方面 ...
如何使用CSS和JavaScript制作自定义鼠标光标
新钛云服已累计为您分享707篇技术干货您是否曾经访问过一个网站并被其惊人的功能所震撼?其中之一可能是一个很酷的鼠标光标,它不同于您习惯的常规箭头或指针光标. 这确实可以改善用户体验,最近我一直想知道 ...
HTML+CSS+JavaScript制作3D云效果，叼炸天！可用鼠标控制方向！
HTML+CSS+JavaScript制作3D云效果,叼炸天!可用鼠标控制方向! 作品介绍 1.网页作品简介方面 :3D云效果,叼炸天!可用鼠标控制方向! 2.网页作品编辑方面:此作品为学生个人主页网 ...
用JavaScript 制作多彩的弹出式说明窗口
用JavaScript 制作多彩的弹出式说明窗口在设计网站的时候,在网站有重大的变动,或者需要作什么声明的时候,我们就要用到弹出窗口,这时只要我们一进入这个页面,就会弹出一个窗口,其实要制作这样的弹 ...
【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个扁平化风格css螃蟹图形~~适合初学者~超简单~ |前端开发|IT软件
b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个扁平化风格css螃蟹图形~~适合初学者~超简单~ |前端开发|IT软件效果图: 完整代码: <! ...

Html做弹出式菜单,JavaScript制作的可折叠弹出式菜单示例

Shakespeare's Plays

Html做弹出式菜单,JavaScript制作的可折叠弹出式菜单示例相关推荐

最新文章

热门文章