JavaScript实现水平选项卡效果
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication2._Default" %>
<!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 runat="server">
<title></title>
<style>
#panel{
border:1px solid #0066CC;
height:400px;
width:786px;
position:relative;
}
#main{
position:relative;
top:32px;
left:0;
background:#FFFFCC;
height:300px;
}
.slide{
position:absolute;
left:1px;
top:1px;
display:none;
}
.show{
position:absolute;
left:1px;
top:1px;
display:block;
}
ul#menu {
color:#808080;
padding:0;
margin:0;
list-style:none;
font-family:"Courier New", Courier, monospace;
font-size:12px;
/*--------------------
解决 IE 不兼容问题
---------------------*/
position:absolute; !important
left:0;
top:0;
}
#menu li{
/*padding:14px 18px 14px 18px;*/
width:130px;
height:30px;
color:#444;
float:left;
border-top:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
text-align:center;
line-height:30px;
margin:0;
padding:0;
}
/*
#menu li a{
background:#f8f8f8;
color:#808080;
text-decoration:none;
display:block;
width:130px;
height:30px;
}*/
#menu li a:hover{
color:#000;
background:#f8f8f8;
background-color:#CCCCCC
}
ul.news {
list-style:none;
margin:10px 20px;
}
.news li{
padding:4px;
}
.news li a:link, .news li a:visited{
text-decoration:none;
color:#993333;
display:block;
width:
相关文档：
400多个JavaScript特效大全，包含全部源代码和详细代码说明，不可多得
JavaScript实现可以完全自由拖拽的效果，带三个范例 http://www.sharejs.com/showdetail-501.aspx
javascript实现可以自由拖动的树形列表 http://www.sharejs.com/showdetail-500.aspx ......
javascript设计模式第一张有一个有趣的实现继承的方法，当然javascript本质上是实现继承，还不是典型意义上的"is-a"的逻辑继承或者说是语义继承。基本的方法就是通过function的prototype属性。
一，很简单的方法
<script type="text/javascript">
<!--
var Anim = function(){ ......
这两天开始写古代地图的GIS网站，说白了就是用古代地图的内容效仿山寨一下谷歌地图。
JS这东西很久没写了，有些概念也很模糊，导致完成分块拖动加载的功能就花了好多时间。
主要问题是出在拖动时对元素内容的动态修改上，总结下。
通过JS脚本动态修改DOM元素内容通常有两种方法：
1. 通过DOM标准接口创建元素
var new ......
//各种尺寸
s += "\r\n网页可见区域宽："+ document.body.clientWidth;
s += "\r\n网页可见区域高："+ document.body.clientHeight;
s += "\r\n网页可见区域高："+ document.body.offs ......
