javascript通过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>
<title>Admin ManageMenu</title>
<style type="text/css">
body {
scrollbar-face-color: #eeeaeb;
scrollbar-highlight-color: #fbfdfc;
scrollbar-shadow-color: #666;
scrollbar-arrow-color: #000000;
scrollbar-darkshadow-color: #D4D0C8;
scrollbar-base-color: #666;
}
body {
background-color: #7da8a8;
background-image: url("OblogStyleAdminImages/left-menu.png");
background-position: right top;
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:left}
#sub{ margin:8px 0; color:#fff;padding:0; text-align:center}
a{ color:#fff; text-decoration:none}
a:hover{ color:#D2E1E1}
a img {
border:0px solid #000;
}
li{ text-align:left;}
ul,li{ margin:0; padding:0;width:100%;}
* html li a{padding:4px 0 2px 11px;display:block; line-height:200%; color:#023C3C}
li a{padding:0 0 1px 11px;display:block; line-height:190%; color:#023C3C}
li a:hover {
color:#036B6B;
}
* html .menu-t1 { background:
url("OblogStyleAdminImages/left-menu-style.png") no-repeat;
color:#fff;text-align:left;padding:5px 0 5px 30px;CURSOR: hand;}
.menu-t1 { background: url("OblogStyleAdminImages/left-menu-style.png")
no-repeat; color:#fff;text-align:left;padding:1px 0 4px 30px;CURSOR:
hand;}
li.menu-t1 a:hover{ color:#ccc; text-decoration:none}
#toplogo {width:140px;height:41px;}
/* 左侧LOGO
-----------------------------------------------------------
#toplogo {width:140px;height:41px;background: url("OblogStyleAdminImages/left-top.png") no-repeat right top;}
*/
</style>
<script language="javascript" type="text/javascript">
function menu(oblog){
相关文档：
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetL ......
function sAlert(msg,boxtype,func,msgtitle)
sAlert('信息内容',1,'','信息标题')
@msg:提示信息内容
@boxtype：1为弹出框，2为确认框，3为提示框
@func:点确认时执行的函数
@title:信息框标题文字内容
只有msg是必须的，后面的参数可以省略。如果中间的参数为空则在对应位置上''或者""表示（根据实际情况选择� ......
此文为读《JavaScript And DHTML Cookbook》后总结出来的笔记。由于当时是初学，所以笔记中难免有错误，欢迎指正。谢谢！
·字符串(String)
1.声明
var myString = new String("Every good boy does fine.");
var myString = "Every good boy does fine.";
&n ......
DHTML是""dynamic HTML"(动态HTML)的简称.严格地说,DHTML并不是一项单一的新技术,而是HTML,CSS和JavaScript这三种技术结合的产物.
DHTML背后的含义:
利用HTML把网页标记为各种元素;
&nbs ......
