网页制作特效——特效代码
网页制作特效——网页特效
(1)导航菜单:
文件较多,查看演示请直接点击下面的预览效果,下载该特效请点击上处链接下载
(2)出发导航菜单:
function secBoard(n)
{
for(i=0;i<
[i].className="sec1";
[n].className="sec2";
for(i=0;i<
[i].="none";
[n].="block";
}
关于TBODY标记 | 关于cells集合 | 关于tBodies集合 | 关于display属性 |
| |
align=middle>
| |
align=middle>
| |
align=middle>
; |
t;
(3)下拉菜单:
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='#B5 E74E';mmenuoutbordercolor='#ECFA3A';mmenuinbordercolor='#5A2614';mmidoutcolor='#A9DA 1D';mmidincolor='#799310';mmenuovercolor='#004080';mitemedge='0';msubedge='1';mmenuu nitwidth=66;mmenuitemwidth=140;mmenuheight=25;mmenuwidth='100%';mmenuadjust=0;m menuadjustV=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 == null)
= ;
if != null)
;
swipeArray[] = el;
= "rect(-99999, 99999, 99999, -99999)";
if == null || == 0) {
= ;
= ;
= ;
= ;
}
= steps;
= "rect(0,0,0,0)";
("repeat(" + dir + "," + + "," + steps + "," + msec + ")", msec); }
function repeat(dir, index, steps, msec) {
el = swipeArray[index];
var left = ;
var top = ;
var width = ;
var height = ;
if == 0) {
= "rect(-99999, 99999, 99999, -99999)";
return;
}
else {
;
= "visible";
switch (dir) {
case 2:
= "rect(" + height*steps + "," + width + "," + height + "," + 0 + ")";
= top - height*steps;
break;
case 8:
= "rect(" + 0 + "," + width + "," + height*/steps + "," + 0 + ")";
= top + height*steps;
break;
case 6:
= "rect(" + 0 + "," + width + "," + height + "," + width*/steps + ")";
= left - width*steps;
break;
case 4:
= "rect(" + 0 + "," + width*(swipeSteps - /steps + "," + height + "," + 0 + ")";
= left + width*steps;
break;
}
= ("repeat(" + dir + "," + index + "," + steps + "," + msec + ")", msec);
}
}
var mtmpleft="";
var mtmptop="";
function hideSwipe(el) {
;
= "hidden";
= "rect(-99999, 99999, 99999, -99999)";
= 0;
if(mtmpleft!="") = mtmpleft;
if(mtmptop!="") = mtmptop;
}
function stoperror(){
return true;
}
=stoperror;
function mpopOut() {
mpopTimer = setTimeout('mallhide()', 500); }
function getReal(el, type, value) {
temp = el;
while ((temp != null) && != "BODY")) { if (eval("temp." + type) == value) {
el = temp;
return el;
}
temp = ;
}
return el;
}
function mMenuRegister(menu)
{
mmenus[] = menu
return - 1)
}
function mMenuItem(caption,command,target,isline,statustxt,level,img,sizex,sizey,pos){ = new Array();
=caption;
=command;
=target;
=isline;
=statustxt;
if(level!=null){mnumberofsub++;
=mnumberofsub;}
=level;
=img;
=sizex;
=sizey;
=pos;
}
function mMenu(caption,command,target,img,sizex,sizey,pos){
= new Array();
=caption;
=command;
=target;
=img;
=sizex;
=sizey;
=pos;
=mMenuRegister(this);
}
function mMenuAddItem(item)
{
[ = item
= ;
=true;
}
= mMenuAddItem;
= mMenuAddItem;
function mtoout(src){
mtoin(src){
mnochange(src){
'';
mallhide(){
for(var nummenu=0;nummenu<;nummenu++){
var themenu=['mMenu'+nummenu]
var themenudiv=['mmenudiv'+nummenu]
mnochange(themenu);
mmenuhide(themenudiv);
}
for(nummenu=1;nummenu<=mnumberofsub;nummenu++){ var thesub=['msubmenudiv'+nummenu]
msubmenuhide(thesub);
mnochange['mp'+nummenu]);
["mitem"+nummenu].=mfontcolor;
}
}
function mmenuhide(menuid){
'Alpha(Opacity=100)';
hideSwipe(menuid);
misShow=false;
}
function msubmenuhide(menuid){
'Alpha(Opacity=100)';
'hidden';
}
function mmenushow(menuid,pid){
'Alpha(Opacity=80)';
mshowsubmenu(menuid,pid,rid){
'Alpha(Opacity=80)';
'visible';
}
function mmenu_over(menuid,x){
toel = getReal "className", "coolButton"); fromel = getReal "className", "coolButton"); if (toel == fromel) return;
if(x<0){
misShow = false;
mallhide();
mtoout(eval("mMenu"+x));
}else{
mallhide();
mtoin(eval("mMenu"+x)); mmenushow(menuid,eval("mMenu"+x));
}
clearTimeout(mpopTimer);
}
function mmenu_out(x){
toel = getReal "className", "coolButton"); fromel = getReal "className", "coolButton"); if (toel == fromel) return;
if (misShow){
mtoin(eval("mMenu"+x));
}else{
mnochange(eval("mMenu"+x));
}
mpopOut()
}
function mmenu_down(menuid,x){
if(misShow){
mmenuhide(menuid);
mtoout(eval("mMenu"+x));
}
else{
mtoin(eval("mMenu"+x));
mmenushow(menuid,eval("mMenu"+x));
misdown=true;
}
}
function mmenu_up(){
misdown=false;
}
function mmenuitem_over(menuid,item,x,j,i){
toel = getReal "className", "coolButton");
fromel = getReal "className", "coolButton");
if (toel == fromel) return;
srcel = getReal "className", "coolButton");
for(nummenu=1;nummenu<=mnumberofsub;nummenu++){ var thesub=['msubmenudiv'+nummenu]
if(!(menuid==thesub|| msubmenuhide(thesub);
mnochange['mp'+nummenu]);
["mitem"+nummenu].=mfontcolor;
}
}
if(item)["mitem"+item].=mmenuovercolor;
if(misdown||item){
mtoin(srcel);
}
else{
mtoout(srcel);
}
if(x==-1)mthestatus=eval("msub"+j).items[i].statustxt; if(j==-1)mthestatus=mmenus[x].items[i].statustxt;
if(mthestatus!=""){
musestatus=true;
=mthestatus;
}
clearTimeout(mpopTimer);
}
function mmenuitem_out(hassub){
toel = getReal "className", "coolButton");
fromel = getReal "className", "coolButton");
if (toel == fromel) return;
srcel = getReal "className", "coolButton");
if(!hassub)mnochange(srcel);
if(musestatus)="";
mpopOut()
}
function mmenuitem_down(){
srcel = getReal "className", "coolButton");
mtoin(srcel)
misdown=true;
}
function mmenuitem_up(){
srcel = getReal "className", "coolButton");
mtoout(srcel)
misdown=false;
}
function mexec3(j,i){
var cmd;
if(eval("msub"+j).items[i].target=="blank"){
cmd = "('"+eval("msub"+j).items[i]mand+"')";
}else{
cmd = eval("msub"+j).items[i].target+".location=\""+eval("msub"+j).items[i]mand+"\""; }
eval(cmd);
}
function mexec2(x){
var cmd;
if(mmenus[x].target=="blank"){
cmd = "('"+mmenus[x]mand+"')";
}else{
cmd = mmenus[x].target+".location=\""+mmenus[x]mand+"\"";
}
eval(cmd);
}
function mexec(x,i){
var cmd;
if(mmenus[x].items[i].target=="blank"){
cmd = "('"+mmenus[x].items[i]mand+"')";
}else{
cmd = mmenus[x].items[i].target+".location=\""+mmenus[x].items[i]mand+"\"";
}
eval(cmd);
}
function mbody_click(){
if (misShow){
srcel = getReal "className", "coolButton");
for(var x=0;x<=;x++){
if=="mMenu"+x)
return;
}
for(x=1;x<=mnumberofsub;x++){
if=="mp"+x)
return;
}
mallhide();
}
}
=mbody_click;
function mwritetodocument(){
var mwb=1;
var stringx='
style="position:absolute;">
","+x+") onmouseout=mmenu_out("+x+ ") onmousedown=mmenu_down(mmenudiv"+x+","+x+")"; if!=""){ stringx += " onmouseup=mmenu_up();mexec2("+x+");"; }else{ stringx += " onmouseup=mmenu_up()"; } 网页特效CSS大全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各种命令的代码HTML各种命令的代码 跑马灯 普通卷动 滑动 预设卷动 来回卷动向下卷动 向上卷动 向右卷动 向左卷动 卷动次数 设定宽度 设定高度 设定背景颜色设定卷动距离设定卷动时间 字体效果 ...标题字(最大)...标题字(最小) ...粗体字 ...粗体字(强调) ...斜体字 ...斜体字(强调) ...斜体字(表示定义) ...底线 ...底线(表示插入文字)dreamweaver图片展示特效代码
js脚本结束 4。简单的页面加密 等等标志对,这些标志对都是描述Html 文档相关信息的标志对, 标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。 3. 是Html文档的主体部分,在此标志对之间可包含、< /p>、、、、 等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。标志中还可以有以下属性: 属性用途示例 设置背景颜色。红色背景 设置文本颜色。蓝色文本 设置链接颜色。链接为蓝色 设置已使用的链接的颜色。 设置正在被击中的链接的颜色。 说明:以上各个属性可以结合使用,如。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色,如#ff0000对应的是红色。此外,还可以使用Html 语言所给定的常量名来表示颜色:Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue 和Teal,如表示标志对中的文本使用蓝色显示在浏览器的框内。 4. 网页特效代码大全网页特效代码大全(一) 2008-06-28 21:42 特别推荐 带注释的表格菜单 右键单击的菜单2 可拖动的菜单1 文件夹式的菜单 很酷的导航菜单 定制窗口全攻略 多变的图像导航 图片滚动公告栏 自由移动和切换的图片鼠标控制的移动图像下雨了 非常漂亮的图像效果跑马灯文字1 跟随鼠标滚动文字 鼠标控制窗口滚动 精制的鼠标时钟 非常棒的打开小窗口特 效 非常棒的无边窗口特效 状态栏的完整时间 用状态栏记录用户信息 状态栏的停留时间信息 标题栏的时间显示 显示中文日期与时间 挂历的时间显示 实时走动的时钟 禁止用“另存为”保存 页面 随鼠标变色的文字 简单的文字加密 最简单的链接说明代码 图片集旋转显示? 图片向上翻滚? 图片渐变效果? 图片模糊变化? 无用的右键单击 跟随鼠标的文字 加入收藏 设为首页 有立体感的文字 三种 加密 右键 放大 动感 另类 自动 滚动 很酷 鼠标 文本 前进 颜色 图片特效 晃动的图形 动感的图片 点击消失的图片 另类的图像导航 旋转的图片 会弹跳的球 可以拖动的图片 可以拖动的多张图片礼花背景 满天漂落的星 随机变换的图像 图形淡出淡隐 围绕鼠标旋转的图片自动变换的图像及链接图片渐渐出现脚本 自由移动和切换的图片点击放大图片 多变的图像导航 总在指定位置的图片 可点击放大缩小的图片 可以无限放大的图像 非常漂亮的图像效果 鼠标控制的移动图像 下雪了 下雨了 鼠标点亮图片 水韵效果 不停闪烁的图片 下拉框选择显示图片 新窗口的下拉框选择器 展开隐藏图片 广告图片轮换 抖动的图片 水中倒影 图片全景旋转的技巧 图片自动切换 放大镜 定时闪烁的图片 鼠标感应放大 背景色选择器 流动背景 渐隐渐现的半透明图像 半透明图片的显示 鼠标移动图像 相关主题
相关文档
最新文档
|