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:
相关文档:
// JavaScript 脚本,解析型语言
//
var ABCD = function(){
var pub = {};
var pri = {};
pri.name = "myhere";
pri.age = 23;
//var ABCDE;
pub.setName = function( newName){
pri.name = newName;
};
// 这里 pub.getName 被赋值为一个函数,就是定义一个函数
// 这个函数并没有运行,这个函数 ......
function get_cookie(Name)
{
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0)
{
var offset = document.cookie.indexOf(search)
if (offset != -1)
{
&nbs ......
javaScript验证提交
看例:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT=""&g ......
javascript设计模式第一张有一个有趣的实现继承的方法,当然javascript本质上是实现继承,还不是典型意义上的"is-a"的逻辑继承或者说是语义继承。基本的方法就是通过function的prototype属性。
一,很简单的方法
<script type="text/javascript">
<!--
var Anim = function(){ ......
(1)下载ClientInfo.dll(在我的资源中可以下载http://download.csdn.net/source/2141582)
(2)使用new ActiveXObject("ClientInfo.HostInfo")调用ActiveX库
(3)GetAdapterMac(0)获取网卡MAC地址
使用示例:
<HTML>
<TITLE>ClientInfoX JavaScript Sample</TITLE>
<HEAD>
<script l ......