放在<body>与</body>之间的代码：
<style rel=stylesheet type=text/css>
.favMenu {
BACKGROUND: buttonface; COLOR: windowtext; CURSOR: hand; FONT: menu
}
.favMenu DIV {
WIDTH: 100%
}
.favMenu A {
COLOR: windowtext; TEXT-DECORATION: none
}
.favMenu A:hover {
COLOR: windowtext; TEXT-DECORATION: underline
}
.topFolder {
BORDER-BOTTOM: buttonface 1px solid; BORDER-LEFT: buttonface 1px solid; BORDER-RIGHT: buttonface 1px solid; BORDER-TOP: buttonface 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px
}
.topItem {
BORDER-BOTTOM: buttonface 1px solid; BORDER-LEFT: buttonface 1px solid; BORDER-RIGHT: buttonface 1px solid; BORDER-TOP: buttonface 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px
}
.subFolder {
PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 3px
}
.subItem {
PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 3px
}
.sub {
BACKGROUND: url(/images/tileback.gif) buttonface; BORDER-BOTTOM: buttonhighlight 1px solid; BORDER-LEFT: buttonshadow 1px solid; BORDER-RIGHT: buttonhighlight 1px solid; DISPLAY: none; PADDING-TOP: 1px
}
.sub .sub {
BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px
}
.icon {
HEIGHT: 16px; MARGIN-RIGHT: 5px; VERTICAL-ALIGN: top; WIDTH: 16px
}
.outer {
BACKGROUND: buttonface; BORDER-BOTTOM: buttonhighlight 1px solid; BORDER-LEFT: buttonshadow 1px solid; BORDER-RIGHT: buttonhighlight 1px solid; BORDER-TOP: buttonshadow 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.inner {
BORDER-BOTTOM: buttonshadow 1px solid; BORDER-LEFT: buttonhighlight 1px solid; BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid; OVERFLOW: hidden; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.scrollButton {
BACKGROUND: buttonface; BORDER-BOTTOM: buttonface 1px solid; BORDER-LEFT: buttonface 1px solid; BORDER-RIGHT: buttonface 1px solid; BORDER-TOP: buttonface 1px solid; COLOR: buttontext; CURSOR: default; DISPLAY: none; FONT-FAMILY: webdings; FONT-SIZE: 10px; HEIGHT: 16px; OVERFLOW: hidden; POSITION: absolute; TEXT-ALIGN: center; WIDTH: 50px
}
.flat {
BORDER-BOTTOM: buttonface 1px solid; BORDER-LEFT: buttonface 1px solid; BORDER-RIGHT: buttonface 1px solid; BORDER-TOP: buttonface 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
</style>
<SCRIPT type=text/javascript>
var selectedItem = null;
var targetWin;
document.onclick = handleClick;
document.onmouseover = handleOver;
document.onmouseout = handleOut;
document.onmousedown = handleDown;
document.onmouseup = handleUp;
document.write(writeSubPadding(10)); //write the stylesheet for the sub. Getting the indention right
function handleClick() {
el = getReal(window.event.srcElement, "tagName", "DIV");
if ((el.className == "topFolder") || (el.className == "subFolder")) {
// if (el.sub == null) el.sub = eval(el.id + "Sub");
// alert(el.sub);
el.sub = eval(el.id + "Sub");
if (el.sub.style.display == null) el.sub.style.display = "none";
if (el.sub.style.display != "block") { //hidden
//any other sub open?
if (el.parentElement.openedSub != null) {
var opener = eval(el.parentElement.openedSub + ".opener");
hide(el.parentElement.openedSub);
if (opener.className == "topFolder")
outTopItem(opener);
}
el.sub.style.display = "block";
el.sub.parentElement.openedSub = el.sub.id;
el.sub.opener = el;
}
else {
if (el.sub.openedSub != null) hide(el.sub.openedSub);
else hide(el.sub.id);
}
}
if ((el.className == "subItem") || (el.className == "subFolder")) {
if (selectedItem != null)
restoreSubItem(selectedItem);
highlightSubItem(el);
}
if ((el.className == "topItem") || (el.className == "topFolder")) {
if (selectedItem != null)
restoreSubItem(selectedItem);
}
if ((el.className == "topItem") || (el.className == "subItem")) {
if ((el.href != null) && (el.href != "")) {
if ((el.target == null) || (el.target == "")) {
if (window.opener == null) {
// alert(document.all.tags("BASE").item(0));
if (document.all.tags("BASE").item(0) != null)
// eval(document.all.tags("BASE").item(0).target + ".location = el.href");
window.open(el.href, document.all.tags("BASE").item(0).target);
else
window.location = el.href; // HERE IS THE LOADING!!!
}
else {
window.opener.location = el.href;
}
}
else {
window.open(el.href, el.target);
// eval(el.target + ".location = el.href");
}
}
}
var tmp = getReal(el, "className", "favMenu");
if (tmp.className == "favMenu") fixScroll(tmp);
}
function handleOver() {
var fromEl = getReal(window.event.fromElement, "tagName", "DIV");
var toEl = getReal(window.event.toElement, "tagName", "DIV");
if (fromEl == toEl) return;
el = toEl;
if ((el.className == "topFolder") || (el.className == "topItem")) overTopItem(el);
if ((el.className == "subFolder") || (el.className == "subItem")) overSubItem(el);
if ((el.className == "topItem") || (el.className == "subItem")) {
if (el.href != null) {
if (el.oldtitle == null) el.oldtitle = el.title;
if (el.oldtitle != "")
el.title = el.oldtitle + "\n" + el.href;
else
el.title = el.oldtitle + el.href;
}
}
if (el.className == "scrollButton") overscrollButton(el);
}
function handleOut() {
var fromEl = getReal(window.event.fromElement, "tagName", "DIV");
var toEl = getReal(window.event.toElement, "tagName", "DIV");
if (fromEl == toEl) return;
el = fromEl;
if ((el.className == "topFolder") || (el.className == "topItem")) outTopItem(el);
if ((el.className == "subFolder") || (el.className == "subItem")) outSubItem(el);
if (el.className == "scrollButton") outscrollButton(el);
}
function handleDown() {
el = getReal(window.event.srcElement, "tagName", "DIV");
if (el.className == "scrollButton") {
downscrollButton(el);
var mark = Math.max(el.id.indexOf("Up"), el.id.indexOf("Down"));
var type = el.id.substr(mark);
var menuID = el.id.substring(0,mark);
eval("scroll" + type + "(" + menuID + ")");
}
}
function handleUp() {
el = getReal(window.event.srcElement, "tagName", "DIV");
if (el.className == "scrollButton") {
upscrollButton(el);
window.clearTimeout(scrolltimer);
}
}
////////////////////// EVERYTHING IS HANDLED ////////////////////////////
function hide(elID) {
var el = eval(elID);
el.style.display = "none";
el.parentElement.openedSub = null;
if (el.openedSub != null) hide(el.openedSub);
}
function writeSubPadding(depth) {
var str, str2, val;
var str = "<style type='text/css'>\n";
for (var i=0; i < depth; i++) {
str2 = "";
val = 0;
for (var j=0; j < i; j++) {
str2 += ".sub "
val += 22;
}
str += str2 + ".subFolder {padding-left: " + val + "px;}\n";
str += str2 + ".subItem {padding-left: " + val + "px;}\n";
}
str += "</style>\n";
return str;
}
//If you wan't to change colors do so below
function overTopItem(el) {
with (el.style) {
background = "buttonface";
borderLeft = "1px solid buttonhighlight";
borderRight = "1px solid buttonshadow";
borderTop = "1px solid buttonhighlight";
borderBottom = "1px solid buttonshadow";
paddingBottom = "2px";
}
}
function outTopItem(el) {
if ((el.sub != null) && (el.parentElement.openedSub == el.sub.id)) { //opened
with(el.style) {
borderTop = "1px solid buttonshadow";
borderLeft = "1px solid buttonshadow";
borderRight = "1px solid buttonhighlight";
borderBottom = "0px";
paddingBottom = "3px";
background = "url(/images/tileback.gif) buttonface";
}
}
else {
with (el.style) {
border = "1px solid bu
网页特效代码集锦很多很炫效果
4星 · 超过85%的资源 需积分: 9 109 浏览量
2010-07-23
22:46:08
上传
评论 1
收藏 55KB RAR 举报 
网页特效代码集锦.rar （49个子文件） 
网页特效代码集锦 
一个经典的页面转换效果.txt 5KB 贪吃蛇行文字.txt 2KB
页面上出现许多晶莹的水泡，而且相互撞击反弹.html 2KB 鼠标上浮现漂浮的气泡.html 2KB 雪花环绕.html 2KB 一定区域内使几张图片循环显示.html 1KB 你输入某个图片的地址，脚本就能打开它并且回馈图片的一些属性.txt 626B 文字从页面中由小到大一个个变色出现.txt 2KB 跟随页面弹出的窗口在规定时间内自动关闭，而且不作任何提示.txt 382B 载入页面等待，有计数器显示.txt 947B 散乱的文字攻击鼠标的效果.html 3KB 跟随鼠标的彩色星星.txt 2KB 页面分不同颜色左右打开.html 2KB 烛光文字.txt 4KB 在页面上显示水韵效果.txt 1KB 下拉.html 4KB 小巧实用的鼠标时钟.txt 7KB 一个在页面上蠕动的怪圈，可以变换一下颜色.txt 2KB 用按钮控制文字的输出，可以是一大篇文章，也可以调节输出速度.txt 4KB
一个跟随鼠标的叠影文字.htm 2KB 象陨石一样的星星从页面内部飞出来.html 3KB 页面象马赛克一样一块一块地慢慢打开.html 4KB 使图片带水纹倒影的特效.html 415B 一段彩色的文字，javascript自动生成，而且每几个字就渐变一次.txt 4KB 在页面上模拟下雨的情景.txt 3KB 一个中间是图片的十字瞄准线，线条粗细也可变.html 2KB 一个弹簧卷轴的页面特效，出现的文字象弹簧一样向上卷.txt 3KB 一种极酷的页面飞絮，中间是带亮点的，并非图片效果.htm 2KB 星空.txt 3KB 在页面中嵌入一个新的页面，而且导航条也会自动生成.html 95B 新建 文本文档.txt 3KB 一个用图标做的按钮，鼠标放上去自动使页上下移动.txt 2KB 屏幕翻滚导航脚本，就像放电视.txt 9KB 新建 文本文档 (2).html 3KB 字符变色.txt 2KB 时钟.txt 788B 一个输入框中的文字不停变换形式输出.txt 5KB 一个边旋转边变色的小圆圈，而且还翻滚.txt 3KB 鼠标周围的旋转鼠标.txt 2KB 使图片显示出现各种不同效果的程序.html 2KB 用一个按钮驱动页面向右滚屏.txt 419B 鱼吐吐泡泡.html 4KB 文字在状态栏慢慢显示，到最左边时快速消失.txt 833B 图片在网页上飞来飞去.txt 1KB 图像在页面上来回漂浮.txt 1KB 一个更详细的导航脚本，放多少友情链接也无所谓.htm 4KB 多层的下拉式菜单.txt 14KB 页面左右象百页窗一样地打开.html 2KB 模糊的导航文字，鼠标放上去后文字有变化效果.txt 3KB
佳岳
- 粉丝: 1841
- 资源: 36
最新资源
- 沈丘盛世龙门图纸符合规范化
- HM3400-VB一款N-Channel沟道SOT23的MOSFET晶体管参数介绍与应用说明
- 基于python+streamlit联邦学习进行高校学生成绩预测研究python源码+项目说明+模型+数据.zip
- HM3400D-VB一款N-Channel沟道SOT23的MOSFET晶体管参数介绍与应用说明
- HM3400B-VB一款N-Channel沟道SOT23的MOSFET晶体管参数介绍与应用说明
- spring-boot示例
- 搜集火星资源.py
- JAR应用启动停止脚本化解决方案.zip
- 配合eclipse svn插件subclipse-4.3.4版本的javahl
- Bash脚本教程：如何优雅地停止JAR服务.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论9