<!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>中国站长天空-网页特效-导航菜单-仿3721首页可拖曳模块效果</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style type="text/css">
html, body {
width:100%;
height:100%;
padding:0px;
margin:0px;
}
body {
text-align:center;
font-size:14px;
}
.cell_left, .cell_right {
width:202px;
}
.cell_center {
width:404px;
}
.left {
float:left;
}
.row {
clear:both;
}
.r_nbsp {
width:20px;
}
.root {
width:876px;
height:auto;
margin:auto;
}
.root * {
/*此属性FF的说*/
-moz-user-select:none;
}
.line {
width:100%px;
height:0px;
overflow:hidden;
}
.move {
border:#CCCCCC 1px solid;
width:100%;
height:aotu;
margin-top:5px;
margin-bottom:5px;
display:none;
}
.title {
height:24px;
line-height:24px;
background:#0080C0;
}
.title_a {
width:auto;
margin-right:80px;
cursor:move;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-align:left;
padding-left:10px;
}
.title_reduce, .title_lock, .title_edit, .title_close {
float:right;
width:20px;
font-size:9px;
color:#CCCCCC;
}
.title_reduce, .title_lock, .title_edit {
cursor:pointer;
}
.title_close {
cursor:default;
}
.content {
height:100px;
border-top:#CCCCCC 1px solid;
background-color:#F7F7F7;
font-size:12px;
line-height:130%;
}
.CDrag_temp_div {
border:#CCCCCC 1px dashed;
margin-top:5px;
margin-bottom:5px;
}
a#DEL_CDrag, a#ADD_CDrag {
color:#6699CC;
text-decoration:none;
}
a#DEL_CDrag:hover, a#ADD_CDrag:hover {
color:#FF0000;
}
.Dall_screen, .Iall_screen {
position:absolute;
left:0px;
top:0px;
}
.Dall_screen {
z-index:99;
background-color:#000000;
filter:alpha(opacity=30);
opacity:0.3;
}
.Iall_screen {
z-index:98;
filter:alpha(opacity=0);
opacity:0;
}
.Nall_screen {
position:absolute;
z-index:100;
left:300px;
top:100px;
width:300px;
height:auto;
border:#6699CC 1px solid;
background-color:#F0FAFF;
padding:10px 0 10px 0;
}
.Call_screen {
width:100%;
height:auto;
line-height:30px;
font-size:12px;
padding-bottom:10px;
}
</style>
<script type="text/javascript">
var Class = {
//创建类
create : function () {
return function () {
this.initialize.apply(this, arguments);
};
}
};
var $A = function (a) {
//转换数组
return a ? Array.apply(null, a) : new Array;
};
var $ = function (id) {
//获取对象
return document.getElementById(id);
};
var Try = {
//检测异常
these : function () {
var returnValue, arg = arguments, lambda, i;
for (i = 0 ; i < arg.length ; i ++) {
lambda = arg[i];
try {
returnValue = lambda();
break;
} catch (exp) {}
}
return returnValue;
}
};
Object.extend = function (a, b) {
//追加方法
for (var i in b) a[i] = b[i];
return a;
};
Object.extend(Object, {
addEvent : function (a, b, c, d) {
//添加函数
if (a.attachEvent) a.attachEvent(b[0], c);
else a.addEventListener(b[1] || b[0].replace(/^on/, ""), c, d || false);
return c;
},
delEvent : function (a, b, c, d) {
if (a.detachEvent) a.detachEvent(b[0], c);
else a.removeEventListener(b[1] || b[0].replace(/^on/, ""), c, d || false);
return c;
},
reEvent : function () {
//获取Event
return window.event ? window.event : (function (o) {
do {
o = o.caller;
} while (o && !/^\[object[ A-Za-z]*Event\]$/.test(o.arguments[0]));
return o.arguments[0];
})(this.reEvent);
}
});
Function.prototype.bind = function () {
//绑定事件
var wc = this, a = $A(arguments), o = a.shift();
return function () {
wc.apply(o, a.concat($A(arguments)));
};
};
var CDrag = Class.create();
CDrag.IE = /MSIE/.test(window.navigator.userAgent);
CDrag.load = function (obj_string, func, time) {
//加载对象
var index = 0, timer = window.setInterval(function () {
try {
if (eval(obj_string + ".loaded")) {
window.clearInterval(timer);
func(eval("new " + obj_string));
}
} catch (exp) {}
if (++ index == 20) window.clearInterval(timer);
}, time + index * 3);
};
CDrag.database = {
//数据存储
json : null,
parse : function (id) {
//查找资源
var wc = this, json = wc.json, i;
for (i in json) {
if (json[i].id == id)
return json[i];
}
}
};
CDrag.Ajax = Class.create();
Object.extend(CDrag.Ajax, {
getTransport: function() {
return Try.these(
function () { return new ActiveXObject('Msxml2.XMLHTTP') },
function () { return new ActiveXObject('Microsoft.XMLHTTP') },
function () { return new XMLHttpRequest() }
) || false;
}
});
CDrag.Ajax.prototype = {
initialize : function (url) {
//初始化
var wc = this;
wc.ajax = CDrag.Ajax.getTransport();
},
load : function (func) {
var wc = this, ajax = wc.ajax;
if (ajax.readyState == 4 && ajax.status == 200)
func(ajax.responseText);
},
send : function (url, func) {
var wc = this, ajax = wc.ajax,
querys = url + "&" + new Date().getTime() + (10000 + parseInt(Math.random() * 10000));
ajax.open("get", querys, true);
ajax.onreadystatechange = wc.load.bind(wc, func);
ajax.send(null);
}
};
CDrag.Table = Class.create();
CDrag.Table.prototype = {
//列的拖拽暂时不考虑
initialize : function () {
//初始化
var wc = this;
wc.items = []; //创建列组
},
add : function () {
//添加列
var wc = this, id = wc.items.length, arg = arguments;
return wc.items[id] = new CDrag.Table.Cols(id, wc, arg[0]);
}
};
CDrag.Table.Cols = Class.create();
CDrag.Table.Cols.prototype = {
initialize : function (id, parent, element) {
//初始化
var wc = this;
wc.items = []; //创建列组
wc.id = id;
wc.parent = parent;
wc.element = element;
},
add : function () {
//添加行
var wc = this, id = wc.items.length, arg = arguments;
return wc.items[id] = new CDrag.Table.Rows(id, wc, arg[0], arg[1], arg[2]);
},
ins : function (num, row) {
//插入行
var wc = this, items = wc.items, i;
if (row.parent == wc && row.id < num) num --; //同列向下移动的时候
for (i = num ; i < items.length ; i ++) items[i].id ++;
items.splice(num, 0, row);
row.id = num, row.parent = wc;
return row;
},
del : function (num) {
//删除行
var wc = this, items = wc.items, i;
if (num >= items.length) return;
for (i = num + 1; i < items.length ; i ++) items[i].id = i - 1;
return items.splice(num, 1)[0];
}
};
CDrag.Table.Rows = Class.create();
CDrag.Table.Rows.prototype = {
initialize : function (id, parent, element, window, locks) {
//初始化
var wc = thi
本人收藏的各种页面特效大部分javascript+css实现
需积分: 0 143 浏览量
2009-06-28
11:20:34
上传
评论
收藏 49KB RAR 举报
ZZSKY特效.rar （21个子文件） 
ZZSKY特效 
文本拖动框.html 9KB 又一个仿Google首页导航菜单.html 2KB 腾讯网读书频道可显隐竖条菜单.html 8KB 好玩的颤抖菜单.html 3KB 网上很流行的左侧多级树形菜单.html 15KB 滑出式竖向三级菜单.html 24KB 通过单选框切换的菜单.html 3KB 仿3721首页可拖曳模块效果.html 28KB 很酷的黑色二级导航菜单.html 4KB 中国站长站chinaz.com下拉导航菜单.html 13KB 颜色渐变的导航菜单.html 2KB 仿FLASH动画的导航菜单.html 3KB 图片边框阴影效果.html 952B 兼容各种浏览器的Html+CSS二级下拉导航菜单.html 9KB 一个简洁的选项卡菜单.html 4KB 很实用的展开,收缩菜单.html 3KB 省市二级联动菜单.html 3KB 仿FLASH效果的四级下拉菜单.html 6KB 不错的选项卡和滑动门菜单.html 4KB 可刷新的无限级树型菜单.html 13KB 非常漂亮的二级下拉导航菜单.html 8KB资源评论
domyfaver
- 粉丝: 1
- 资源: 2
最新资源
- 永宏PLC例程源码东芝350T压铸机PLC程序
- Visual Basic语言教程.docx
- 永宏PLC例程源码18层永宏电梯程序
- Scratch语言教程.docx
- (资源包名是松下不必介意实际是台达)台达PLC例程源码自制收线架台达PLC程序(有注释)与威沦触摸屏程序
- Rust语言教程.docx
- (资源包名是松下不必介意实际是台达)台达PLC例程源码用台达PLC485通信控制11台英威腾变频启动停止速度设定
- (资源包名是松下不必介意实际是台达)台达PLC例程源码用台达EH2-40PLC两台控制5台台达ASDA-B伺服,天任文本作对话的
- (资源包名是松下不必介意实际是台达)台达PLC例程源码液压切块机程序
- (资源包名是松下不必介意实际是台达)台达PLC例程源码压瓦机
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
