⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 addremovedemo.html

📁 很漂亮的javascript菜单
💻 HTML
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<title>Simple Menu (WebFX)</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link type="text/css" rel="StyleSheet" href="skins/winclassic.css" />
<style type="text/css">

p {
	font:	Message-Box;
	font:	MessageBox;
	margin:	10px;
}

.warning {
	color:	red;
}

</style>
<script type="text/javascript">

var ie55 = /MSIE ((5\.[56789])|([6789]))/.test( navigator.userAgent ) &&
			navigator.platform == "Win32";

if ( !ie55 ) {
	window.onerror = function () {
		return true;
	};
}

function writeNotSupported() {
	if ( !ie55 ) {
		document.write( "<p class=\"warning\">" +
			"This script only works in Internet Explorer 5.5" +
			" or greater for Windows</p>" );
	}
}

</script>
<script type="text/javascript" src="js/poslib.js"></script>
<script type="text/javascript" src="js/scrollbutton.js"></script>
<script type="text/javascript" src="js/menu4.js"></script>
<script type="text/javascript">
//<![CDATA[


// set default css file to use
Menu.prototype.cssFile = "skins/winclassic.css";

// test menu

var testMenu = new Menu();

var addItem = new MenuItem("Add Item (0 items added)", addAnother);

testMenu.add(addItem);
addItem.mnemonic = "a";

// menu bar

var menuBar = new MenuBar();

var testButton = new MenuButton("Test", testMenu);
testButton.mnemonic = "t";
menuBar.add(testButton);

// add and remove functions

function addAnother() {
	if (testMenu.items.length == 1)
		testMenu.add(new MenuSeparator);
	
	testMenu.add(new MenuItem("Item added at " + getTime() + " <span style=\"font-weight: bold\">(Click to remove)</span>", removeClicked));
	updateAddText();
	testMenu.invalidate();
}

function removeClicked() {
	testMenu.remove(this);
	if (testMenu.items.length == 2)
		testMenu.remove(testMenu.items[1]);
	updateAddText();
	testMenu.invalidate();
}

function updateAddText() {
	var n = Math.max(0, testMenu.items.length - 2);
	addItem.text = "Add Item (<span style=\"font-weight: bold\">" + n + "</span> item" + (n == 1 ? "" : "s") + " added)";
}

function addZero(n) {
	return n > 9 ? n : "0" + n;
}

function getTime() {
	var d = new Date;
	return d.getHours() + ":" + addZero(d.getMinutes()) + ":" + addZero(d.getSeconds());
}

//]]>
</script>
</head>
<body>
<script type="text/javascript">

menuBar.write();

</script>

<script type="text/javascript">
writeNotSupported();
</script>

<p>
<a href="simpledemo.html" onclick="document.location = 'view-source:' + document.location; return false;">View Source</a>
</p>



</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -