网页制作特效——网页特效
(1)导航菜单:
文件较多,查看演示请直接点击下面的预览效果,下载该特效请点击上处链接下载
(2)出发导航菜单:
function secBoard(n)
{
for(i=0;i secTable.cells [i].className="sec1"; secTable.cells[n].className="sec2"; for(i=0;i mainTable.tBodies [i].style.display="none"; mainTable.tBodies [n].style.display="block"; } 签。 要素,该要素也提供给所有表。 参考:《动态HTML参考和开发应用大全》(人民邮电出 版社 Microsoft Corporation著 北京华中兴业科技发展有限公司 译) ODY> BODY> align=middle> cellPadding=0 width=490 border=0> 表中所有单元格的集合。 用大全》(人民邮电出版社 Microsoft Corporation著 北京华中兴业科技发展有限公司译) ODY> BODY> align=middle> cellPadding=0 width=490 border=0> 《动态HTML参考和开发应用大全》(人民邮电出版社 Microsoft Corporation著 北京华中兴业科技发展有限公司译) ODY> BODY> align=middle> cellPadding=0 width=490 border=0> 是否被提供。 inline、list-item、table-header-group、table- footer-group。 值为block,内联要素默认值为inline;层叠样式表 (CSS)属性不可继承。 动态HTML参考和开发应用大全》(人民邮电出版社 Microsoft Corporation著 北京华中兴业科技发展有限公司译) href="https://www.doczj.com/doc/2a5035703.html,/workshop/author/dhtml/reference/properties/display.asp? frame=true" target=_blank>点击此处 ; t; (3)下拉菜单:关于TBODY标记 关于cells集合 关于tBodies集合 关于display属性 指定行做为表体。
注释:TBODY要素是块要素,并且需要结束标
即使如果表格没有显式定义TBODY检索表行或者整个
应用于TR、TABLE。
参考:《动态HTML参考和开发应检索表中所有TBODY 对象的集合。对象在该集合中按照HTML源顺序排列。
应用于TABLE。
参考:设置或者检索对象
可能的值为block、none、
该特性可读写,块要素默认
参考:《
var mmenus = new Array();
var misShow = new Boolean();
misShow=false;
var misdown = new Boolean();
misdown=false;
var mnumberofsub=0;
var musestatus=false;
var mpopTimer = 0;
mmenucolor='#89CB10';mfontcolor='MenuText';mmenuoutcolor='#ADEF34';mmenuincolor ='#B5E74E';mmenuoutbordercolor='#ECFA3A';mmenuinbordercolor='#5A2614';mmidoutco lor='#A9DA1D';mmidincolor='#799310';mmenuovercolor='#004080';mitemedge='0';msube dge='1';mmenuunitwidth=66;mmenuitemwidth=140;mmenuheight=25;mmenuwidth='100% ';mmenuadjust=0;mmenuadjustV=0;mfonts='font-family: 宋体; font-size: 9pt; color: MenuText; ';mcursor='hand';
var swipeSteps = 4;
var swipemsec = 25;
var swipeArray = new Array();
function swipe(el, dir, steps, msec) {
if (steps == null) steps = swipeSteps;
if (msec == null) msec = swipemsec;
if (el.swipeIndex == null)
el.swipeIndex = swipeArray.length;
if (el.swipeTimer != null)
window.clearTimeout(el.swipeTimer);
swipeArray[el.swipeIndex] = el;
el.style.clip = "rect(-99999, 99999, 99999, -99999)";
if (el.swipeCounter == null || el.swipeCounter == 0) {
https://www.doczj.com/doc/2a5035703.html,Left = el.offsetLeft;
https://www.doczj.com/doc/2a5035703.html,Top = el.offsetTop;
https://www.doczj.com/doc/2a5035703.html,Width = el.offsetWidth;
https://www.doczj.com/doc/2a5035703.html,Height = el.offsetHeight;
}
el.swipeCounter = steps;
el.style.clip = "rect(0,0,0,0)";
window.setTimeout("repeat(" + dir + "," + el.swipeIndex + "," + steps + "," + msec + ")", msec);
}
function repeat(dir, index, steps, msec) {
el = swipeArray[index];
var left = https://www.doczj.com/doc/2a5035703.html,Left;
var top = https://www.doczj.com/doc/2a5035703.html,Top;
var width = https://www.doczj.com/doc/2a5035703.html,Width;
var height = https://www.doczj.com/doc/2a5035703.html,Height;
if (el.swipeCounter == 0) {
el.style.clip = "rect(-99999, 99999, 99999, -99999)";
return;
}
else {
el.swipeCounter--;
el.style.visibility = "visible";
switch (dir) {
case 2:
el.style.clip = "rect(" + height*el.swipeCounter/steps + "," + width + "," + height + "," + 0 + ")";
el.style.top = top - height*el.swipeCounter/steps;
break;
case 8:
el.style.clip = "rect(" + 0 + "," + width + "," + height*(steps-el.swipeCounter)/steps + "," + 0 + ")";
el.style.top = top + height*el.swipeCounter/steps;
break;
case 6:
el.style.clip = "rect(" + 0 + "," + width + "," + height + "," + width*(el.swipeCounter)/steps + ")";
el.style.left = left - width*el.swipeCounter/steps;
break;
case 4:
el.style.clip = "rect(" + 0 + "," + width*(swipeSteps - el.swipeCounter)/steps + "," + height + "," + 0 + ")";
el.style.left = left + width*el.swipeCounter/steps;
break;
}
el.swipeTimer = window.setTimeout("repeat(" + dir + "," + index + "," + steps + "," + msec + ")", msec);
}
}
var mtmpleft="";
var mtmptop="";
function hideSwipe(el) {
window.clearTimeout(el.swipeTimer);
el.style.visibility = "hidden";
el.style.clip = "rect(-99999, 99999, 99999, -99999)";
el.swipeCounter = 0;
if(mtmpleft!="")el.style.left = mtmpleft;
if(mtmptop!="")el.style.top = mtmptop;
}
function stoperror(){
return true;
}
window.onerror=stoperror;
function mpopOut() {
mpopTimer = setTimeout('mallhide()', 500);
}
function getReal(el, type, value) {
temp = el;
while ((temp != null) && (temp.tagName != "BODY")) {
if (eval("temp." + type) == value) {
el = temp;
return el;
}
temp = temp.parentElement;
}
return el;
}
function mMenuRegister(menu)
{
mmenus[mmenus.length] = menu
return (mmenus.length - 1)
}
function mMenuItem(caption,command,target,isline,statustxt,level,img,sizex,sizey,pos){
HTML网页特效CSS大全 css属性代码大全 一CSS文字属性: color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*加删除线*/ text-decoration: overline; /*加顶线*/ text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/ text-align:justify; /*文字分散对齐*/ vertical-align属性 vertical-align:top; /*垂直向上对齐*/ vertical-align:bottom; /*垂直向下对齐*/ vertical-align:middle; /*垂直居中对齐*/ vertical-align:text-top; /*文字垂直向上对齐*/ vertical-align:text-bottom; /*文字垂直向下对齐*/ 二、CSS边框空白 padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白*/ padding-left:10px; /*左边框留空白 三、CSS符号属性: list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字*/ list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/
HTML各种命令的代码 跑马灯 普通卷动 滑动 预设卷动 来回卷动向下卷动 向上卷动 向右卷动 向左卷动 卷动次数 设定宽度 设定高度 设定背景颜色设定卷动距离设定卷动时间 字体效果
js脚本结束 4。简单的页面加密 等等标志对,这些标志对都是描述Html 文档相关信息的标志对,
标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。 3. 是Html文档的主体部分,在此标志对之间可包含、< /p>、网页特效代码大全(一) 2008-06-28 21:42 特别推荐 带注释的表格菜单 右键单击的菜单2 可拖动的菜单1 文件夹式的菜单 很酷的导航菜单 定制窗口全攻略 多变的图像导航 图片滚动公告栏 自由移动和切换的图片鼠标控制的移动图像下雨了 非常漂亮的图像效果跑马灯文字1 跟随鼠标滚动文字 鼠标控制窗口滚动 精制的鼠标时钟 非常棒的打开小窗口特 效 非常棒的无边窗口特效 状态栏的完整时间 用状态栏记录用户信息 状态栏的停留时间信息 标题栏的时间显示 显示中文日期与时间 挂历的时间显示 实时走动的时钟 禁止用“另存为”保存 页面 随鼠标变色的文字 简单的文字加密 最简单的链接说明代码 图片集旋转显示? 图片向上翻滚? 图片渐变效果? 图片模糊变化? 无用的右键单击 跟随鼠标的文字 加入收藏 设为首页 有立体感的文字 三种 加密 右键 放大 动感 另类 自动 滚动 很酷 鼠标 文本 前进 颜色 图片特效 晃动的图形 动感的图片 点击消失的图片 另类的图像导航 旋转的图片 会弹跳的球 可以拖动的图片 可以拖动的多张图片礼花背景 满天漂落的星 随机变换的图像 图形淡出淡隐 围绕鼠标旋转的图片自动变换的图像及链接图片渐渐出现脚本 自由移动和切换的图片点击放大图片 多变的图像导航 总在指定位置的图片 可点击放大缩小的图片 可以无限放大的图像 非常漂亮的图像效果 鼠标控制的移动图像 下雪了 下雨了 鼠标点亮图片 水韵效果 不停闪烁的图片 下拉框选择显示图片 新窗口的下拉框选择器 展开隐藏图片 广告图片轮换 抖动的图片 水中倒影 图片全景旋转的技巧 图片自动切换 放大镜 定时闪烁的图片 鼠标感应放大 背景色选择器 流动背景 渐隐渐现的半透明图像 半透明图片的显示 鼠标移动图像