您的位置：360文档中心› 【网页特效代码-状态特效】超级漂亮的可拖动窗口

【网页特效代码-状态特效】超级漂亮的可拖动窗口

合集下载

网页特效代码

网页特效代码
else
{
this.point2D.h = this.point2D.w;
this.point2D.w = Math.round(this.point2D.h * this.ratioImage);
}
}
/* ==== rendering ==== */
},
angle : {
x : new Library.ease(),
y : new Library.ease()
},
camera : {
x : new Library.ease(),
y : new Library.ease(),
zoom : new Library.ease(),
o.onclick = function ()
{
if (!tv.grid.zoomed)
{
/* ==== zoom in ==== */
tv.camera.x.target = this.point3D.x;
tv.camera.y.target = this.point3D.y;
/* ==== 2D transformation ==== */
this.point2D.scale = tv.camera.focalLength / (tv.camera.focalLength + yz);
this.point2D.x = yx * this.point2D.scale;
var img = document.getElementById('bankImages').getElementsByTagName('img');

网页特效代码

网页特效代码

网页特效代码1.滚动字幕代码：<marquee style="width: 200px; height: 94px" onmouseover="function onmouseover() { function onmouseover() { function onmouseover() { function onmouseover() { function onmouseover() { function onmouseover() { function onmouseover() { function onmouseover() { function onmouseover() { function onmouseover() { function onmouseover() { function onmouseover() { this.stop() } } } } } } } } } } } }" onmouseout="function onmouseout() { function onmouseout() { function onmouseout() { function onmouseout() { function onmouseout() { function onmouseout() { function onmouseout() { function onmouseout() { function onmouseout() { function onmouseout() { function onmouseout() { function onmouseout() { this.start() } } } } } } } } } } } }" direction="up" height="94" width="200" scrollamount="1"><p align="center"><font color="#ff0000" size="4"><strong>祝大家端午节快乐</strong></font><br /><font color="#ae1515">1、公告区内有成绩下载链接，请下载后查看是否有遗漏作业；<br />2、模块三活动1中非案例领取人需提前一天完成该项作业，最后一天为案例领取人总结时间。

【网页特效代码-页面特效】网页中弹出小窗口,页面背景逐渐变为半透明

【网页特效代码-页面特效】网页中弹出小窗口,页面背景逐渐变为半透明

【网页特效代码-页面特效】网页中弹出小窗口,页面背景逐渐变为半透明.txt我是天使，回不去天堂是因为体重的原因。

别人装处，我只好装经验丰富。

泡妞就像挂QQ，每天哄她2个小时，很快就可以太阳了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><title>网页中弹出小窗口,页面背景逐渐变为半透明-Ｑ291911320</title><style>html,body{font-size:12px;margin:0px;height:100%;}.mesWindow{border:#666 1px solid;background:#fff;}.mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12p x;}.mesWindowContent{margin:4px;font-size:12px;}.mesWindow .close{height:15px;width:28px;border:none;cursor:pointer;text-decorat ion:underline;background:#fff}</style><script>var isIe=(document.all)?true:false;//设置select的可见状态function setSelectState(state){var objl=document.getElementsByTagName('select');for(var i=0;i<objl.length;i++){objl[i].style.visibility=state;}}function mousePosition(ev){if(ev.pageX || ev.pageY){return {x:ev.pageX, y:ev.pageY};}return {x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop};}//弹出方法function showMessageBox(wTitle,content,pos,wWidth){closeWindow();var bWidth=parseInt(document.documentElement.scrollWidth);var bHeight=parseInt(document.documentElement.scrollHeight);if(isIe){setSelectState('hidden');}var back=document.createElement("div");back.id="back";varstyleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px; height:"+bHeight+"px;";styleStr+=(isIe)?"filter:alpha(opacity=0);":"opacity:0;";back.style.cssText=styleStr;document.body.appendChild(back);showBackground(back,50);var mesW=document.createElement("div");mesW.id="mesWindow";mesW.className="mesWindow";mesW.innerHTML="<div class='mesWindowTop'><table width='100%' height='100%'><tr><td>"+wTitle+"</td><td style='width:1px;'><input type='button' onclick='closeWindow();' title='关闭窗口' class='close' value='关闭' /></td></tr></table></div><div class='mesWindowContent' id='mesWindowContent'>"+content+"</div><div class='mesWindowBottom'></div>"; styleStr="left:"+(((pos.x-wWidth)>0)?(pos.x-wWidth):pos.x)+"px;top:"+(pos.y)+"px ;position:absolute;width:"+wWidth+"px;";mesW.style.cssText=styleStr;document.body.appendChild(mesW);}//让背景渐渐变暗function showBackground(obj,endInt){if(isIe){obj.filters.alpha.opacity+=1;if(obj.filters.alpha.opacity<endInt){setTimeout(function(){showBackground(obj,endInt)},5);}}else{var al=parseFloat(obj.style.opacity);al+=0.01;obj.style.opacity=al;if(al<(endInt/100)){setTimeout(function(){showBackground(obj,endInt)},5);}}}//关闭窗口function closeWindow(){if(document.getElementById('back')!=null){document.getElementById('back').parentNode.removeChild(document.getElementById(' back'));}if(document.getElementById('mesWindow')!=null){document.getElementById('mesWindow').parentNode.removeChild(document.getElementB yId('mesWindow'));}if(isIe){setSelectState('');}}//测试弹出function testMessageBox(ev){var objPos = mousePosition(ev);messContent="<div style='padding:20px 0 20px 0;text-align:center'>消息正文</div>"; showMessageBox('窗口标题',messContent,objPos,350);}</script></head><body><div style="padding:20px"><div style="text-align:left";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div><div style="text-align:left;padding-left:20px;padding-top:10px";><select ID="Select1" NAME="Select1"><option>下拉</option></select>弹出窗口时会将其隐藏，关闭时会让其显示，目的是在IE中防止弹出的DIV挡不住下拉框</div><div style="text-align:center";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div><div style="text-align:right";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div></div></body></html>。

网页特效代码

网页特效代码

典型特效加入收藏夹设为首页去掉超链接的下划线自动刷新网页刷新本页返回到上一页跳出小窗口自动关闭窗口给页面加保护固定字号大小状态栏例的动态欢迎语保护自己的页面不被别人放在框架中说明点击即可把你的网站添加到浏览器的收藏菜单下效果收藏本站代码<span style="CURSOR: hand" onClick="window.external.addFavorite('','网页特效集锦')" title="网页特效集锦">收藏本站</span>说明点击即可把你的网站设置为浏览器的起始页效果设为首页代码<span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.s etHomePage('');" style="CURSOR: hand">设为首页</span>说明有时候看着那超链接的下划线挺讨厌的，把下面这段代码放到网页源代码<head>与</head>之间，下划线就无影无踪啦！注意，网页的<body>标签里不能再有link之类的属性，否则本效果会失效！效果试试就知道啦！代码 <style TYPE="text/css"><!--A:link{text-decoration:none}A:visited{text-decoration:none}A:hover {color: #ff00ff;text-decoration:underline}--></style>说明自动刷新网页在HTML的与之间加入下面这段代码，则在5分钟之后正在浏览的页面将会自动变为target.html这一页。

网页制作特效——特效代码

网页制作特效——特效代码

网页制作特效-—网页特效(1）导航菜单:〈html〉<head〉〈meta http—equiv="Content—Language" content="zh—cn”〉<meta http—equiv=”Content-Type” content="text/html; charset=gb2312">〈meta http—equiv=”refresh” content="0；URL=http：//www。

/jscode/js080508/jscode.htm”>〈title>仿网页特效观止首页栏目切换滑动门效果</title〉〈/head〉<body〉文件较多,查看演示请直接点击下面的预览效果,下载该特效请点击上处链接下载</body〉〈/html〉(2）出发导航菜单：〈html〉〈head〉<meta http-equiv="Content-Type" content=”text/html；charset=gb2312”〉<title>网页特效代码｜｜---经典实用的触发型导航菜单〈/title〉〈/head〉〈body><STYLE type=text/css〉.sec1 ｛BORDER-RIGHT：gray 1px solid; BORDER-TOP:＃ffffff 1px solid；BORDER-LEFT：#ffffff 1pxsolid; CURSOR: hand; COLOR: ＃000000; BORDER-BOTTOM：#ffffff 1px solid; BACKGROUND-COLOR:#eeeeee｝.sec2 ｛BORDER—RIGHT：gray 1px solid；BORDER-TOP:＃ffffff 1px solid；FONT—WEIGHT: bold；BORDER-LEFT：＃ffffff 1px solid；CURSOR：hand；COLOR：#000000；BACKGROUND-COLOR：#d4d0c8}.main_tab {BORDER-RIGHT: gray 1px solid；BORDER—LEFT：＃ffffff 1px solid; COLOR：#000000; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR：＃d4d0c8｝</STYLE〉<!-—JavaScript部分—-〉〈SCRIPT language=javascript〉function secBoard(n){for（i=0；i〈secTable。

【网页特效代码-浏览特效】链接打开的特殊的窗口,效果很酷,一定不可

【网页特效代码-浏览特效】链接打开的特殊的窗口,效果很酷,一定不可

【网页特效代码-浏览特效】链接打开的特殊的窗口,效果很酷,一定不可.txt男人的话就像老太太的牙齿，有多少是真的？！问：你喜欢我哪一点？答：我喜欢你离我远一点！执子之手，方知子丑，泪流满面，子不走我走。

诸葛亮出山前，也没带过兵！凭啥我就要工作经验？<A HREF="javascript:openIT('/hiqqjt')">请按此打开窗口,要打开的网址也写在这个链接里</A><SCRIPT LANGUAGE="JavaScript">function openIT(theURL){//主要改这里的内容W=300;H=408;windowCERRARa="photo/1003.gif"windowCERRARd="photo/1004.gif"windowCERRARo="photo/1005.gif"windowNONEgrf="photo/2309.gif"windowCLOCK="photo/1002.gif"windowREALtit="建站资源"windowTIT="<font face=verdana size=2>.:：建站资源网：:.</font>" windowBORDERCOLOR="#f1950a"windowBORDERCOLORsel="#f1950a"windowTITBGCOLOR="#f1950a"windowTITBGCOLORsel="#66614a"//以下内容不用改wname=Math.floor(Math.random()*10000);openchromeless(theURL, wname, W, H, windowCERRARa, windowCERRARd, windowCERRARo, windowNONEgrf, windowCLOCK, windowTIT, windowREALtit , windowBORDERCOLOR, windowBORDERCOLORsel, windowTITBGCOLOR, windowTITBGCOLORsel)}function openchromeless(theURL, wname, W, H, windowCERRARa, windowCERRARd, windowCERRARo, windowNONEgrf,windowCLOCK, windowTIT, windowREALtit , windowBORDERCOLOR, windowBORDERCOLORsel, windowTITBGCOLOR, windowTITBGCOLORsel) { var windowW=W;var windowH=H;var windowX=Math.ceil( (window.screen.width - windowW) / 2 );var windowY=Math.ceil( (window.screen.height - windowH) / 2 );if (navigator.appName=="Microsoft Internet Explorer" && parseInt(navigator.appVersion)>=4) isie=trueelse isie=falseif (isie) { H=H+20+2;W=W+2;}s=",width="+W+",height="+H;if (isie && (erAgent.toLowerCase().indexOf("win")!=-1) ) {var dowin=theURL !="" ? true : false;var chromeTIThtml='\n'+'<html>'+'\n'+'<head> '+'\n'+'<title> CHROMELESS WINDOWS / TITLEBAR</title> '+'\n'+'<style type="text/css"> '+'\n'+'#mywindowTITLE { position: absolute;left: 0px;top: 0px;width: 100%;height: 22px;z-index: 1;background-color: '+windowTITBGCOLOR+';clip:rect(0,100%,22,0);} '+'\n'+'#mywindow { position: absolute;left: 0px;top: 0px;width: 100%;height: 22px;z-index: 2;clip:rect(0,100%;22,0);} '+'\n'+'#mywindowCLOSE { position: absolute;left: -22px;top: -22px;width: 11px;height: 11px;z-index: 3;clip:rect(0,11,11,0);} '+'\n'+'#mywindowCLOCK { position: absolute;left: -22px;top: -22px;width: 11px;height: 11px;z-index: 3;clip:rect(0,11,11,0);} '+'\n'+'</style> '+'\n'+'<scr'+'ipt language="javascript">'+'\n'chromeTIThtml=chromeTIThtml+'theURL="'+theURL+'" '+'\n'+'windowCERRARa="'+windowCERRARa+'" '+'\n'+'windowCERRARd="'+windowCERRARd+'" '+'\n'+'windowCERRARo="'+windowCERRARo+'" '+'\n'+'windowCLOCK="'+windowCLOCK+'"'+'\n'+'windowBORDERCOLOR="'+windowBORDERCOLOR+'" '+'\n'+'windowBORDERCOLORsel="'+windowBORDERCOLORsel+'" '+'\n'+'windowTITBGCOLOR="'+windowTITBGCOLOR+'" '+'\n'+'windowTITBGCOLORsel="'+windowTITBGCOLORsel+'" '+'\n'chromeTIThtml=chromeTIThtml+'var windowCERRARImg_a=new Image();windowCERRARImg_a.src=windowCERRARa;'+'\n'+'var windowCERRARImg_d=new Image();windowCERRARImg_d.src=windowCERRARd;'+'\n'+'var windowCERRARImg_o=new Image();windowCERRARImg_o.src=windowCERRARo;'+'\n'+'var windowCLOCKImg=new Image();windowCLOCKImg.src=windowCLOCK;'+'\n'+'\n'+'function mouseSTATUS(){'+'this.x=null;'+'\n'+'this.y=null;'+'\n'+'this.bt="up";'+'\n'+'this.oldx=null;'+'\n'+'this.oldy=null;'+'\n'+'this.dx=null;'+'\n'+'this.dy=null;'+'\n'+'this.screeny=null;'+'\n'+'this.screenx=null;'+'\n'+'this.element=null;'+'\n'+'this.event=null;'+'\n}'+'var mouse=new mouseSTATUS();'+'\n'+'function actualizateMouseSTATUS(e) { '+'\n'+'if (!e) var e=event '+'\n'+'if ( (e.type=="mousedown" || e.type=="mouseup") && e.button!=1) return true '+'\n'+ 'var x=e.x+document.body.scrollLeft '+'\n'+'var y=e.y+document.body.scrollTop '+'\n'+'mouse.x=x;'+'\n'+'mouse.y=y;'+'\n'+' if ( e.type=="mousedown" ) mouse.bt="down";'+'\n'+'else if ( e.type=="mouseup" ) mouse.bt="up";'+'\n'+'if (window.event) { '+'\n'+'mouse.screenx=window.event.screenX;'+'\n'+'mouse.screeny=window.event.screenY;'+'\n'+'} else { '+'\n'+'mouse.screenx=-1;'+'\n'+'mouse.screeny=-1;'+'\n}'+'}'+'function initMouseEvents() { '+'\n'+'document.onmousedown=actualizateMouseSTATUS '+'\n'+'document.onmousemove=actualizateMouseSTATUS '+'\n'+'document.onmouseup=actualizateMouseSTATUS '+'\n'+'document.onselectstart=selectstart '+'\n'+'document.ondragstart=new Function("actualizateMouseSTATUS(event);return false;") '+'\n'+'} '+'\n'+'function selectstart(){ '+'\n'+'if ( event.srcElement.tagName !="INPUT" && event.srcElement.tagName !="TEXTAREA") { return false;} '+'\n'+'else { mouse.bt="up";return true;} '+'\n'+'} '+'\n'+'initMouseEvents() '+'\n'+'var mywindowbt="up";'+'\n'+'var wincloseSTATUS="up";'+'\n'+'var ofx=0;'+'\n'+'var ofy=0;'+'\n'+'var opx=0;'+'\n'+'var opy=0;'+'\n'+'var px=0;'+'\n'+'var py=0;'+'\n'+'var wcpx1=-1, wcpy1=-1;'+'\n'+'var wcpx2=-1, wcpy2=-1;'+'\n'+'var wclosechanged=false;'+'\n'+'function initToMoveWin() { '+'\n'+'if (wincloseSTATUS=="up" && ( mywindowbt=="up" || mywindowbt=="over") ) { '+'\n'+ 'document.all["mywindowCLOCK"].style.pixelLeft=document.body.clientWidth-36'+'\n'+'document.all["mywindowCLOCK"].style.pixelTop=4 '+'\n'+'wcpx1=document.all["mywindowCLOSE"].style.pixelLeft=document.body.clientWidth-1 8 '+'\n'+'wcpy1=document.all["mywindowCLOSE"].style.pixelTop=4 '+'\n'+'wcpx2=wcpx1+11 - 1 '+'\n'+'wcpy2=wcpy1+11 - 1 '+'\n'+'if ( mouse.x >=wcpx1 && mouse.x <=wcpx2 && mouse.y >=wcpy1 && mouse.y <=wcpy2) { '+'\n'+'if (wclosechanged==false) { '+'\n'+'document.all["mywindowCLOSE"].document.images["closewin"].src=windowCERRARImg_o .src '+'\n'+'wclosechanged=true '+'\n'+'}'+'} else if (wclosechanged==true) { '+'\n'+'document.all["mywindowCLOSE"].document.images["closewin"].src=windowCERRARImg_d .src '+'\n'+'wclosechanged=false '+'\n'+'}'+'}'+' if ( mouse.y <=22 && mouse.y >=1 && mywindowbt=="up" && mouse.bt=="up" ) { mywindowbt="over" } '+'\n'+'else if ( ( mouse.y > 22 || mouse.y < 1 ) && mywindowbt=="over" && mouse.bt=="up" ) { mywindowbt="up" } '+'\n'+'else if ( mouse.y <=22 && mouse.y >=1 && mywindowbt=="over" && mouse.bt=="down" ) { '+'\n'+'self.window.focus();'+'\n'+'if ( mouse.x >=wcpx1 && mouse.x <=wcpx2 && mouse.y >=wcpy1 && mouse.y <=wcpy2 ) { '+'\n'+'wincloseSTATUS="down" '+'\n'+'document.all["mywindowCLOSE"].document.images["closewin"].src=windowCERRARImg_a .src'+'\n'+'} else { '+'\n'+'document.all["mywindowTITLE"].style.backgroundColor=windowTITBGCOLORsel '+'\n'+ 'document.body.style.borderColor=windowBORDERCOLORsel '+'\n'+'parent.chromewinb.document.bgColor=windowBORDERCOLORsel '+'\n'+'parent.chromewinl.document.bgColor=windowBORDERCOLORsel '+'\n'+'parent.chromewinr.document.bgColor=windowBORDERCOLORsel '+'\n'+'ofx=mouse.x;'+'\n'+'ofy=mouse.y;'+'\n'+'opx=mouse.x;'+'\n'+'opy=mouse.y;'+'\n'+'} '+'\n'+'mywindowbt="down";'+'\n'+'}'+'else if ( mouse.bt=="up" && mywindowbt=="down" ) { '+'\n'+'mywindowbt="up";'+'\n'+'ofx=0;'+'\n'+'ofy=0;'+'\n'+'opx=0;'+'\n'+'opy=0;'+'\n'+'if ( mouse.x >=wcpx1 && mouse.x <=wcpx2 && mouse.y >=wcpy1 && mouse.y <=wcpy2 && wincloseSTATUS=="down" ) { top.window.close() } '+'\n'+'wincloseSTATUS="up" '+'\n'+'if ( document.all["mywindowTITLE"] ) { '+'\n'+'document.all["mywindowTITLE"].style.backgroundColor=windowTITBGCOLOR '+'\n'+ 'document.body.style.borderColor=windowBORDERCOLOR '+'\n'+'parent.chromewinb.document.bgColor=windowBORDERCOLOR '+'\n'+'parent.chromewinl.document.bgColor=windowBORDERCOLOR '+'\n'+'parent.chromewinr.document.bgColor=windowBORDERCOLOR '+'\n'+'}}'+'else if ( mywindowbt=="down" && wincloseSTATUS=="up") { '+'\n'+'var m_scrx=mouse.screenx;'+'\n'+'var m_scry=mouse.screeny;'+'\n'+'opx=px+ofx - m_scrx;'+'\n'+'opy=py+ofy - m_scry;'+'\n'+'px=m_scrx - ofx;'+'\n'+'py=m_scry - ofy;'+'\n'+'top.window.moveTo(px , py);'+'\n}'+'setTimeout("initToMoveWin()",50);}'+'</scr'+'ipt>'+'</head> '+'\n'+'<body TOPMARGIN=0 LEFTMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 scroll=no style="border: 1px solid '+windowBORDERCOLOR+';overflow: hidden;margin: 0pt;" bgcolor='+windowTITBGCOLOR+'> '+'\n'+'<div id=mywindow><img src="'+windowNONEgrf+'" width=100% height=20></div> '+'\n'+ '<div id=mywindowTITLE>'+'<table width=100% height=20 border=0 cellpadding=0 cellspacing=0><tr><td valign=middle align=left>'+windowTIT+'</td></tr></table>'+'</div> '+'\n'+'<div id=mywindowCLOSE><img name=closewin src="'+windowCERRARd+'" border=0 width=11 height=11></div> '+'\n'+'<div id=mywindowCLOCK><img name=clockwin src="'+windowCLOCK+'" border=0 width=11 height=11></div> '+'\n'+'</body> '+'\n'+'<scr'+'ipt>initToMoveWin();</scr'+'ipt>'+'\n'+'</html> '+'\n'var chromeFRMhtml=''+'<HTML>'+'\n'+'<HEAD> '+'\n'+'<TITLE>'+windowREALtit+'</TITLE> '+'\n'+'</HEAD> '+'\n'+'<scr'+'ipt> '+'\n'+'mainloaded=false'+'\n'+'function generatetitle() { '+'\n'+'if( window.frames["chromewint"] && window.frames["chromewinl"] && window.frames["chromewinb"] && window.frames["chromewinr"] ) {'+'\n'+'chromewint.document.open();'+'\n'+'chromewint.document.write( "'+quitasaltolinea(chromeTIThtml)+'" );'+'\n'+'chromewint.document.close();'+'\n'+'chromewinl.document.bgColor="'+windowBORDERCOLOR+'"'+'\n'+'chromewinb.document.bgColor="'+windowBORDERCOLOR+'"'+'\n'+'chromewinr.document.bgColor="'+windowBORDERCOLOR+'"'+'\n'+'}else{'+'setTimeout("generatetitle()",200)'+'\n'+'}'+'\n'+'}'+'\n'+'generatetitle()'+'\n'+'</scr'+'ipt>'+'\n'+'<frameset border=0 framespacing=0 frameborder=0 rows="22,100%,1" onload="mainloaded=true" onreadystatechange="generatetitle()">'+'\n'+'<frame name=chromewint src="about:blank" scrolling=no noresize> '+'\n'+'<frameset border=0 framespacing=0 frameborder=0 cols="1,100%,1"> '+'\n'+'<frame name=chromewinl src="about:blank" scrolling=no noresize> '+'\n'+'<frame name=main src="'+theURL+'"> '+'\n'+'<frame name=chromewinr src="about:blank" scrolling=no noresize> '+'\n'+'</frameset> '+'\n'+'<frame name=chromewinb src="about:blank" scrolling=no noresize> '+'\n'+'</frameset> '+'\n'+'</HTML>'splashWin=window.open("", wname, "fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0 ,resizable=0"+s);splashWin.resizeTo(Math.ceil(W) , Math.ceil(H));splashWin.moveTo(Math.ceil(windowX) , Math.ceil(windowY));splashWin.document.open();splashWin.document.write(chromeFRMhtml);splashWin.docu ment.close();}else{var splashWin=window.open(theURL, wname, "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=1" +s, true);}splashWin.focus();}function quitasaltolinea(txt) {var salida=txt.toString()var re=/\\/g;var salida=salida.replace(re, "\\\\");var re=/\//g;var salida=salida.replace(re, "\\\/");var re=/\"/g;var salida=salida.replace(re, "\\\"");var re=/\'/g;var salida=salida.replace(re, "\\\'");var re=/\n/g;var salida=salida.replace(re, "\\n");var re=/ /g;var salida=salida.replace(re, ""); var re=/\t/g;var salida=salida.replace(re, ""); var re=/\r/g;var salida=salida.replace(re, ""); return salida}</SCRIPT>Ｑ291911320。

html标签特效代码大全

html标签特效代码大全

html标签特效代码大全（让你制作漂亮的页面效果）<!> 跑马灯<marquee>...</marquee>普通卷动<marquee behavior=slide>...</marquee>滑动<marquee behavior=scroll>...</marquee>预设卷动<marquee behavior=alternate>...</marquee>来回卷动<marquee direction=down>...</marquee>向下卷动<marquee direction=up>...</marquee>向上卷动<marquee direction=right></marquee>向右卷动<marquee direction=’left’></marquee>向左卷动<marquee loop=2>...</marquee>卷动次数<marquee width=180>...</marquee>设定宽度<marquee height=30>...</marquee>设定高度<marquee bgcolor=FF0000>...</marquee>设定背景颜色<marquee scrollamount=30>...</marquee>设定滚动速度<marquee scrolldelay=300>...</marquee>设定卷动时间<marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动<marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动<!>字体效果<h1>...</h1>标题字(最大)<h6>...</h6>标题字(最小)<b>...粗体字<strong>...</strong>粗体字(强调) （同上效果略同）<i>...</i>斜体字<em>...</em>斜体字(强调)<dfn>...</dfn>斜体字(表示定义)<u>...</u>底线<ins>...</ins>底线(表示插入文字)<strike>...</strike>横线<s>...</s>删除线<del>...</del>删除线(表示删除)<kbd>...</kbd>键盘文字<tt>...</tt> 打字体<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号)<listing>...</listing> 固定宽度小字体<font color=00ff00>...</font>字体颜色<font size=1>...</font>最小字体<font style =’font-size:100 px’>...</font>无限增大区断标记<hr>水平线<hr size=’9’>水平线(设定大小)<hr width=’80%’>水平线(设定宽度)<hr color=’ff0000’>水平线(设定颜色)<br>(换行)<nobr>...</nobr>水域(不换行)...水域(段落)<center>...</center>置中<!>连结格式<base href=位址>(预设好连结路径)<a href=位址></a>外部连结<a href=位址target=’_blank’></a>外部连结(另开新视窗)<a href=位址target=’_top’></a>外部连结(全视窗连结)<a href=位址target=’页框名’></a>外部连结(在指定页框连结)<!>贴图/音乐<img src=图片位址>贴图<img src=图片位址width=’180’>设定图片宽度<img src=图片位址height=’30’>设定图片高度<img src=图片位址alt=’提示文字’>设定图片提示文字<img src=图片位址’ border=’1’>设定图片边框<bgsound src=MID音乐档位址>背景音乐设定<!>表格语法<table aling=left>...</table>表格位置,置左<table aling=center>...</table>表格位置,置中<table background=图片路径>...</table>背景图片的URL=就是路径网址<table border=边框大小>...</table>设定表格边框大小(使用数字)<table bgcolor=颜色码>...</table>设定表格的背景颜色<table borderclor=颜色码>...</table>设定表格边框的颜色<table borderclordark=颜色码>...</table>设定表格暗边框的颜色<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色<table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)<table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)<table cols=参数>...</table>指定表格的栏数<table frame=参数>...</table>设定表格外框线的显示方式<table width=宽度>...</table>指定表格的宽度大小(使用数字)<table height=高度>...</table>指定表格的高度大小(使用数字)<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)分割视窗<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<frameset cols="20%,*">分割左右两个框架<frameset cols="20%,*,20%">分割左中右三个框架<分割上下两个框架<frameset rows="20%,*,20%">分割上中下三个框架属性：cols垂直切割窗口（如左右分割两个窗口）接受整数值，百分数，*（*代表占用余下空间）数值的个数代表分成的部分数目，要以逗号分隔。

JS实现漂亮的窗口拖拽效果（可改变大小、最大化、最小化、关闭）

JS实现漂亮的窗口拖拽效果（可改变大小、最大化、最小化、关闭）

JS实现漂亮的窗⼝拖拽效果（可改变⼤⼩、最⼤化、最⼩化、关闭）本⽂实例讲述了JS实现漂亮的窗⼝拖拽效果。

分享给⼤家供⼤家参考。

具体如下：这是⼀款漂亮的JS窗⼝拖拽效果（改变⼤⼩/最⼩化/最⼤化/还原/关闭）特点：①窗⼝可以拖动；②窗⼝可以通过⼋个⽅向改变⼤⼩；③窗⼝可以最⼩化、最⼤化、还原、关闭；④限制窗⼝最⼩宽度/⾼度。

运⾏效果截图如下：在线演⽰地址如下：具体代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>窗⼝拖拽（改变⼤⼩/最⼩化/最⼤化/还原/关闭）</title><style type="text/css">body,div,h2{margin:0;padding:0;}body{background:url(images/bg.jpg);font:12px/1.5 \5fae\8f6f\96c5\9ed1;color:#333;}#drag{position:absolute;top:100px;left:100px;width:300px;height:160px;background:#e9e9e9;border:1px solid #444;border-radius:5px;box-shadow:0 1px 3px 2px #666;}#drag .title{position:relative;height:27px;margin:5px;}#drag .title h2{font-size:14px;height:27px;line-height:24px;border-bottom:1px solid #A1B4B0;}#drag .title div{position:absolute;height:19px;top:2px;right:0;}#drag .title a,a.open{float:left;width:21px;height:19px;display:block;margin-left:5px;background:url(images/tool.png) no-repeat;}a.open{position:absolute;top:10px;left:50%;margin-left:-10px;background-position:0 0;}a.open:hover{background-position:0 -29px;}#drag .title a.min{background-position:-29px 0;}#drag .title a.min:hover{background-position:-29px -29px;}#drag .title a.max{background-position:-60px 0;}#drag .title a.max:hover{background-position:-60px -29px;}#drag .title a.revert{background-position:-149px 0;display:none;}#drag .title a.revert:hover{background-position:-149px -29px;}#drag .title a.close{background-position:-89px 0;}#drag .title a.close:hover{background-position:-89px -29px;}#drag .content{overflow:auto;margin:0 5px;}#drag .resizeBR{position:absolute;width:14px;height:14px;right:0;bottom:0;overflow:hidden;cursor:nw-resize;background:url(images/resize.png) no-repeat;}#drag .resizeL,#drag .resizeT,#drag .resizeR,#drag .resizeB,#drag .resizeLT,#drag .resizeTR,#drag .resizeLB{position:absolute;background:#000;overflow:hidden;opacity:0;filter:alpha(opacity=0);} #drag .resizeL,#drag .resizeR{top:0;width:5px;height:100%;cursor:w-resize;}#drag .resizeR{right:0;}#drag .resizeT,#drag .resizeB{width:100%;height:5px;cursor:n-resize;}#drag .resizeT{top:0;}#drag .resizeB{bottom:0;}#drag .resizeLT,#drag .resizeTR,#drag .resizeLB{width:8px;height:8px;background:#FF0;}#drag .resizeLT{top:0;left:0;cursor:nw-resize;}#drag .resizeTR{top:0;right:0;cursor:ne-resize;}#drag .resizeLB{left:0;bottom:0;cursor:ne-resize;}</style><script type="text/javascript">/*-------------------------- +获取id, class, tagName+-------------------------- */var get = {byId: function(id) {return typeof id === "string" ? document.getElementById(id) : id},byClass: function(sClass, oParent) {var aClass = [];var reClass = new RegExp("(^| )" + sClass + "( |$)");var aElem = this.byTagName("*", oParent);for (var i = 0; i < aElem.length; i++) reClass.test(aElem[i].className) && aClass.push(aElem[i]);return aClass},byTagName: function(elem, obj) {return (obj || document).getElementsByTagName(elem)}};var dragMinWidth = 250;var dragMinHeight = 124;/*-------------------------- +拖拽函数+-------------------------- */function drag(oDrag, handle){var disX = dixY = 0;var oMin = get.byClass("min", oDrag)[0];var oMax = get.byClass("max", oDrag)[0];var oRevert = get.byClass("revert", oDrag)[0];var oClose = get.byClass("close", oDrag)[0];handle = handle || oDrag;handle.style.cursor = "move";handle.onmousedown = function (event){var event = event || window.event;disX = event.clientX - oDrag.offsetLeft;disY = event.clientY - oDrag.offsetTop;document.onmousemove = function (event){var event = event || window.event;var iL = event.clientX - disX;var iT = event.clientY - disY;var maxL = document.documentElement.clientWidth - oDrag.offsetWidth;var maxT = document.documentElement.clientHeight - oDrag.offsetHeight;iL <= 0 && (iL = 0);iT <= 0 && (iT = 0);iL >= maxL && (iL = maxL);iT >= maxT && (iT = maxT);oDrag.style.left = iL + "px";oDrag.style.top = iT + "px";return false};document.onmouseup = function (){document.onmousemove = null;document.onmouseup = null;this.releaseCapture && this.releaseCapture()};this.setCapture && this.setCapture();return false};//最⼤化按钮oMax.onclick = function (){oDrag.style.top = oDrag.style.left = 0;oDrag.style.width = document.documentElement.clientWidth - 2 + "px";oDrag.style.height = document.documentElement.clientHeight - 2 + "px";this.style.display = "none";oRevert.style.display = "block";};//还原按钮oRevert.onclick = function (){oDrag.style.width = dragMinWidth + "px";oDrag.style.height = dragMinHeight + "px";oDrag.style.left = (document.documentElement.clientWidth - oDrag.offsetWidth) / 2 + "px";oDrag.style.top = (document.documentElement.clientHeight - oDrag.offsetHeight) / 2 + "px";this.style.display = "none";oMax.style.display = "block";};//最⼩化按钮oMin.onclick = oClose.onclick = function (){oDrag.style.display = "none";var oA = document.createElement("a");oA.className = "open";oA.href = "javascript:;";oA.title = "还原";document.body.appendChild(oA);oA.onclick = function (){oDrag.style.display = "block";document.body.removeChild(this);this.onclick = null;};};//阻⽌冒泡oMin.onmousedown = oMax.onmousedown = oClose.onmousedown = function (event){this.onfocus = function () {this.blur()};(event || window.event).cancelBubble = true};}/*-------------------------- +改变⼤⼩函数+-------------------------- */function resize(oParent, handle, isLeft, isTop, lockX, lockY){handle.onmousedown = function (event){var event = event || window.event;var disX = event.clientX - handle.offsetLeft;var disY = event.clientY - handle.offsetTop;var iParentTop = oParent.offsetTop;var iParentLeft = oParent.offsetLeft;var iParentWidth = oParent.offsetWidth;var iParentHeight = oParent.offsetHeight;document.onmousemove = function (event){var event = event || window.event;var iL = event.clientX - disX;var iT = event.clientY - disY;var maxW = document.documentElement.clientWidth - oParent.offsetLeft - 2;var maxH = document.documentElement.clientHeight - oParent.offsetTop - 2; var iW = isLeft ? iParentWidth - iL : handle.offsetWidth + iL; var iH = isTop ? iParentHeight - iT : handle.offsetHeight + iT;isLeft && (oParent.style.left = iParentLeft + iL + "px");isTop && (oParent.style.top = iParentTop + iT + "px");iW < dragMinWidth && (iW = dragMinWidth);iW > maxW && (iW = maxW);lockX || (oParent.style.width = iW + "px");iH < dragMinHeight && (iH = dragMinHeight);iH > maxH && (iH = maxH);lockY || (oParent.style.height = iH + "px");if((isLeft && iW == dragMinWidth) || (isTop && iH == dragMinHeight)) document.onmousemove = null; return false;};document.onmouseup = function (){document.onmousemove = null;document.onmouseup = null;};return false;}};window.onload = window.onresize = function (){var oDrag = document.getElementById("drag");var oTitle = get.byClass("title", oDrag)[0];var oL = get.byClass("resizeL", oDrag)[0];var oT = get.byClass("resizeT", oDrag)[0];var oR = get.byClass("resizeR", oDrag)[0];var oB = get.byClass("resizeB", oDrag)[0];var oLT = get.byClass("resizeLT", oDrag)[0];var oTR = get.byClass("resizeTR", oDrag)[0];var oBR = get.byClass("resizeBR", oDrag)[0];var oLB = get.byClass("resizeLB", oDrag)[0];drag(oDrag, oTitle);//四⾓resize(oDrag, oLT, true, true, false, false);resize(oDrag, oTR, false, true, false, false);resize(oDrag, oBR, false, false, false, false);resize(oDrag, oLB, true, false, false, false);//四边resize(oDrag, oL, true, false, false, true);resize(oDrag, oT, false, true, true, false);resize(oDrag, oR, false, false, false, true);resize(oDrag, oB, false, false, true, false);oDrag.style.left = (document.documentElement.clientWidth - oDrag.offsetWidth) / 2 + "px";oDrag.style.top = (document.documentElement.clientHeight - oDrag.offsetHeight) / 2 + "px";}</script></head><body><div id="drag"><div class="title"><h2>这是⼀个可以拖动的窗⼝</h2><div><a class="min" href="javascript:;" title="最⼩化"></a><a class="max" href="javascript:;" title="最⼤化"></a><a class="revert" href="javascript:;" title="还原"></a><a class="close" href="javascript:;" title="关闭"></a></div></div><div class="resizeL"></div><div class="resizeT"></div><div class="resizeR"></div><div class="resizeB"></div><div class="resizeLT"></div><div class="resizeTR"></div><div class="resizeBR"></div><div class="resizeLB"></div><div class="content">①窗⼝可以拖动；<br />②窗⼝可以通过⼋个⽅向改变⼤⼩；<br />③窗⼝可以最⼩化、最⼤化、还原、关闭；<br />④限制窗⼝最⼩宽度/⾼度。

常用网站特效代码

常用网站特效代码

我们要先做一个16*16的icon（图标文件），保存为index.ico。把这个图标文件上传到根目录下并在首页＜head＞＜/head＞之间加上如下代码：
＜link REL = "Shortcut Icon" href="/blog/index.ico"＞
5．让网页随意后退
11．表格的半透明显示效果
在＜head＞＜/head＞之间加上如下代码：
＜style＞
.alpha{filter: Alpha(Opacity=50)} //50表示50%的透明度
＜/style＞
在＜body＞＜/body＞之间加上如下代码：
＜table border="1" width="100" height="62" class="alpha" bgcolor="#F2A664" ＞
self.moveBy (0,-800);
for(i = x; i ＞ 0; i--)
{
self.moveBy(0,3);
}
for(j = 200; j ＞ 0; j--){ //如果你认为窗口抖动厉害，就200换成个位数
self.moveBy(0,j);
＜a href="java:history.go(-X)"＞X＜/a＞ //把X换成你想要后退在页数
//把“-”变成“+”就为前进
6．鼠标指向时弹出信息框
在＜body＞＜/body＞之间加上如下代码：
＜a href over="alert('弹出信息！')"＞显示的链接文字＜/a＞

自动弹出窗口特效代码

自动弹出窗口特效代码

自动弹出窗口特效代码经常上网的朋友可能到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个链接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。

其实制作这样的页面非常容易，只要往该页面的HTML 里加入几段javascript代码即可实现。

下面我就带你剖析它的奥秘。

【最基本的弹出窗口代码】其实代码非常简单：<SCRIPT LANGUAGE="javascript"><!--window.open ('page.htm')--></SCRIPT>因为这是一段javascript代码，所以它们应该放在<SCRIPT LANGUAGE ="javascript">标签和</script>之间。

<!--和-->是对一些版本低的浏览器起作用，在这些老浏览器中如果不支持javascript，不会将标签中的代码作为文本显示出来。

Window.open ('page.htm')用于控制弹出新的窗口page.htm，如果page.htm不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。

用单引号和双引号都可以，只是不要混用。

这一段代码可以加入HTML的任意位置，加入到<head>和</head>之间也可以，位置越靠前执行越早，尤其是页面代码较长时，又想使页面早点弹出就尽量往前放。

【经过设置后的弹出窗口】下面再说一说弹出窗口外观的设置。

只要再往上面的代码中加一点东西就可以了。

我们来定制这个弹出窗口的外观、尺寸大小、弹出位置以适应该页面的具体情况。

<SCRIPT LANGUAGE="javascript"><!--window.open('page.htm','newwindow','height=100,width=400,top=0,left=0,t oolbar=no,menubar=no,scrollbars=no,resizable=no, location=no,status=no')//写成一行--></SCRIPT>参数解释：<SCRIPT LANGUAGE="javascript"> js脚本开始；window.open 弹出新窗口的命令；page.htm 弹出新窗口的文件名；newwindow 弹出窗口的名字（不是文件名），可用空″代替；height=100 窗口高度；top=0 窗口距离屏幕上方的像素值；left=0 窗口距离屏幕左侧的像素值；toolbar=no 是否显示工具栏，yes为显示；menubar,scrollbars 表示菜单栏和滚动栏；resizable=no 是否允许改变窗口大小，yes为允许；location=no 是否显示地址栏，yes为允许；status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；</SCRIPT> js脚本结束。

【免费下载】常用的网页特效代码

【免费下载】常用的网页特效代码
message=message.split("") var xpos=new Array() for (i=0;i<=message.length-1;i++) { xpos[i]=-50 }
var ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos[i]=-200 }
} function www_helpor_net___Mousetrace(evnt) { if (www_helpor_net__ns4) {if (evnt.pageX) {www_helpor_net___ml=evnt.pageX; w else{ www_helpor_net___ml=(event.clientX + document.body. www_helpor_net___mt=(event.clientY + document.body. } if (www_helpor_net___tracescript)eval(www_helpor_ne } </script>
6．接触链接自动打开窗口
说明 鼠标放到链接上，就立刻弹出警告框 效果 试试
<a href="" onMouseOver="alert('你好！\n\n本站域名:ht
代码
7．数字时钟
说明 数字化的时钟
对全部高中资料试卷电气设备，在安装过程中以及安装结束后进行高中资料试卷调整试验；通电检查所有设备高中资料电试力卷保相护互装作置用调与试相技互术关，系电，力根通保据过护生管高产线中工敷资艺设料高技试中术卷资，配料不置试仅技卷可术要以是求解指，决机对吊组电顶在气层进设配行备置继进不电行规保空范护载高与中带资负料荷试下卷高问总中题体资，配料而置试且时卷可，调保需控障要试各在验类最；管大对路限设习度备题内进到来行位确调。保整在机使管组其路高在敷中正设资常过料工程试况中卷下，安与要全过加，度强并工看且作护尽下关可都于能可管地以路缩正高小常中故工资障作料高；试中对卷资于连料继接试电管卷保口破护处坏进理范行高围整中，核资或对料者定试对值卷某，弯些审扁异核度常与固高校定中对盒资图位料纸置试，.卷保编工护写况层复进防杂行腐设自跨备动接与处地装理线置，弯高尤曲中其半资要径料避标试免高卷错等调误，试高要方中求案资技，料术编试交写5、卷底重电保。要气护管设设装线备备置敷4高、调动设中电试作技资气高，术料课中并3中试、件资且包卷管中料拒含试路调试绝线验敷试卷动槽方设技作、案技术，管以术来架及避等系免多统不项启必方动要式方高，案中为；资解对料决整试高套卷中启突语动然文过停电程机气中。课高因件中此中资，管料电壁试力薄卷高、电中接气资口设料不备试严进卷等行保问调护题试装，工置合作调理并试利且技用进术管行，线过要敷关求设运电技行力术高保。中护线资装缆料置敷试做设卷到原技准则术确：指灵在导活分。。线对对盒于于处调差，试动当过保不程护同中装电高置压中高回资中路料资交试料叉卷试时技卷，术调应问试采题技用，术金作是属为指隔调发板试电进人机行员一隔，变开需压处要器理在组；事在同前发一掌生线握内槽图部内 纸故，资障强料时电、，回设需路备要须制进同造行时厂外切家部断出电习具源题高高电中中源资资，料料线试试缆卷卷敷试切设验除完报从毕告而，与采要相用进关高行技中检术资查资料和料试检，卷测并主处且要理了保。解护现装场置设。备高中资料试卷布置情况与有关高中资料试卷电气系统接线等情况，然后根据规范与规程规定，制定设备调试高中资料试卷方案。

【网页特效代码-页面特效】一个在左上角的文字水平移动特效(带停顿

【网页特效代码-页面特效】一个在左上角的文字水平移动特效(带停顿

<script language="JavaScript1.2"><!--var scrollerwidth=300var scrollerheight=180var pausebetweenimages=5000var hSlideContent=new Array()hSlideContent[0]='<p>1.<b>16分钟决定中国队命运</b></p><br><p>记者金焱韩国釜山报道 1998年法国世界杯抽签仪式被提前曝光，导致马赛球迷在凛冽寒风中嘲笑国际足联组织不力。

国际足联这次吸取了上届教训，不到最后一刻绝对不会开启封条。

</p>' hSlideContent[1]='<p>2.韩国世界杯组委会现在手里仅有一份粗略日程表。

上周末，英格兰、日本记者已纷纷开进釜山，面对老记咄咄逼人的追问，他们一概表示无可奉告。

<a href="/hiqqjt" target="_blank">二人世界</a></p><p>不过本报特派记者组仍然通过别的途径拿到了12月1日抽签程序表。

</p>'hSlideContent[2]='<p>3. 由Ｑ291911320于国际足联迟迟不公布抽签细节，以至于传闻满天飞，布拉特何时抵达釜山就有两种版本，一说将于11月25日抵达，一说将与国际足联大部分官员一起27日到达。

最新消息是布拉特取消了朝鲜之行，原来布拉特想在抽签前一刻劝说朝韩联手举办世界杯，布拉特不去平壤，看来联手是彻底告吹。

</p>'hSlideContent[3]='4. 更多信息 ...'if (hSlideContent.length>1)i=2elsei=0function locateObject(n, d) { //v3.0var p,i,x;if(!d) d=document;if((p=n.indexOf("?"))>0&&parent.frames.length){d=parent.frames[n.substring(p+1)].document;n=n.substring(0,p);}if(!(x=d[n])&&d.all) x=d.all[n];for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];for(i=0;!x&&yers&&i<yers.length;i++)x=locateObject(n,yers[i].document);return x;}function moveHTextFirstBlock(whichdiv){if (document.all){tdiv=eval(whichdiv)if (tdiv.style.pixelLeft>0&&tdiv.style.pixelLeft<=5){tdiv.style.pixelLeft=0setTimeout("moveHTextFirstBlock(tdiv)",pausebetweenimages)setTimeout("moveHTextSecondBlock('hTextSecond')",pausebetweenimages)return}if (tdiv.style.pixelLeft>=tdiv.offsetWidth*-1){tdiv.style.pixelLeft-=5setTimeout("moveHTextFirstBlock(tdiv)",10)}else{tdiv.style.pixelLeft=scrollerwidth+5tdiv.innerHTML=hSlideContent[i]if (i==hSlideContent.length-1)i=0elsei++}}else{tlayer=eval(whichdiv)if (tlayer.left>0&&tlayer.left<=5){tlayer.left=0setTimeout("moveHTextFirstBlock(tlayer)",pausebetweenimages)setTimeout("moveHTextSecondBlock(locateObject('hTextSecond'))",pausebetweenimage s)return}if (tlayer.left>=tlayer.document.width*-1){tlayer.left-=5setTimeout("moveHTextFirstBlock(tlayer)",10)}else{tlayer.left=scrollerwidth+5tlayer.document.write(hSlideContent[i])tlayer.document.close()if (i==hSlideContent.length-1)i=0elsei++}}}function moveHTextSecondBlock(whichdiv){if (document.all){tdiv2=eval(whichdiv)if (tdiv2.style.pixelLeft>0&&tdiv2.style.pixelLeft<=5){tdiv2.style.pixelLeft=0setTimeout("moveHTextSecondBlock(tdiv2)",pausebetweenimages)setTimeout("moveHTextFirstBlock('hTextFirst')",pausebetweenimages)return}if (tdiv2.style.pixelLeft>=tdiv2.offsetWidth*-1){tdiv2.style.pixelLeft-=5setTimeout("moveHTextSecondBlock('hTextSecond')",10)}else{tdiv2.style.pixelLeft=scrollerwidth+5tdiv2.innerHTML=hSlideContent[i]if (i==hSlideContent.length-1)i=0elsei++}}else if (yers){tlayer2=eval(whichdiv)if (tlayer2.left>0&&tlayer2.left<=5){tlayer2.left=0setTimeout("moveHTextSecondBlock(tlayer2)",pausebetweenimages)setTimeout("moveHTextFirstBlock(locateObject('hTextMain')yers['hText First'])",pausebetweenimages)return}if (tlayer2.left>=tlayer2.document.width*-1){tlayer2.left-=5setTimeout("moveHTextSecondBlock(tlayer2)",10)}else{tlayer2.left=scrollerwidth+5tlayer2.document.write(hSlideContent[i])tlayer2.document.close()if (i==hSlideContent.length-1)i=0elsei++}}}function startHScroll(){if (document.all){locateObject('hTextSecond').style.left=scrollerwidth+5locateObject('hTextSecond').visibility='visible'moveHTextFirstBlock(locateObject("hTextFirst"))}else if (yers){locateObject('hTextMain').visibility='show'locateObject('hTextFirst').visibility='show'locateObject('hTextSecond').left=scrollerwidth+5locateObject('hTextSecond').visibility='show'moveHTextFirstBlock(locateObject('hTextMain')yers['hTextFirst'])}}//--></script><style type="text/css"><!--div { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}--></style><div id="hTextMain" style="width:300; height:180; position:absolute; top: 0; left: 0; visibility: visible; clip: rect(0 300 180 0); overflow: hidden; z-index: 2"><div id="hTextFirst" style="left:1; width:300;position:absolute; z-index: 1; padding: 1px 1px; visibility: visible; overflow: hidden; clip: rect(0 300 180 0)">。

博客网页特效代码大全

博客网页特效代码大全

博客网页特效代码大全一、点击即可把你的网站添加到浏览器的收藏菜单下<spanstyle="CURSOR: hand"onClick="window.external.addFavorite('你的域名','你的网站名')"title="你的网站名">收藏本站</span>二、点击即可把你的网站设置为浏览器的起始页<spanstrhref="/blog/window.location.href";this.style***havior='url (#default#homepage)';this.setHomePage('你的域名');"style="CURSOR:hand">设为首页</span>三、浏览器的状态栏里出现一个字接一个字往左跑的欢迎语！<scriptlanguage="JavaScript"><!--functionstatusMessageObject(p,d) {this.msg =MESSAGEthis.out = ""this.pos =POSITIONthis.delay =DELAYthis.i =0this.reset =clearMessage}functionclearMessage() {this.pos =POSITION}var POSITION= 100var DELAY =5var MESSAGE= "你要显示的文字，如：欢迎来到博客代码 " var scroll =new statusMessageObject() functionscroller() {for(scroll.i = 0; scroll.i < scroll.pos; scroll.i++) { scroll.out+= " "}if(scroll.pos >= 0)scroll.out+= scroll.msgelsescroll.out =scroll.msg.substring(-scroll.pos,scroll.msg.length) window.status = scroll.outscroll.out =" "scroll.pos--if(scroll.pos < -(scroll.msg.length)) {scroll.reset()}setTimeout('scroller()',scroll.delay)}functionsnapIn(jumpSpaces,position) {var msg =scroll.msgvar out =""for (vari=0; i<position; i++){out +=msg.charAt(i)}for(i=1;i<jumpSpaces;i++){out += ""}out +=msg.charAt(position)window.status = outif(jumpSpaces <= 1) {position++if(msg.charAt(position) == ' '){position++}jumpSpaces =100-position} else if(jumpSpaces > 3){jumpSpaces*= .75}else{jumpSpaces--}if (position!= msg.length) {var cmd ="snapIn(" + jumpSpaces + "," + position + ")";scrollID =window.setTimeout(cmd,scroll.delay);} else{window.status=""jumpSpaces=0position=0cmd ="snapIn(" + jumpSpaces + "," + position + ")";scrollID =window.setTimeout(cmd,scroll.delay);returnfalse}returntrue}snapIn(100,0);//--></script>五、鼠标一碰就弹出设为首页对话框<ahref="#"url(#default#homepage)';this.setHomePage('你的域名');return(false);"style="behavior:url(#default#homepage)">设为主页</a></td>［二］一、加入时钟代码：代码格式：<embedsrc="flash时钟地址" width="宽度值或百分比" height="高度值"/>举例说明：<divalign="center"><embedsrc=/clock/clock13.swfwidth="180"height="180" type="application/x-shockwave-flash"/></div>二、如何加入透明Flash背景：代码格式：<embedsrc="Flash地址"; width="画面宽度" height="画面高度" quality="high"wmode="transparent" align="center" style="; left:0;top:0">此代码为插入透明flash代码，其中width="" 为flash的宽，height="" 为flas的高，left: 为从左向右移的位置，top: 为从上向下移的位置举例说明：<embedsrc="/collection/flash/fish.swf"; width="800" height="600" quality="high" wmode="transparent"align="center" style="; left:0; top:0"> Flash背景素材请见本站：网页背景flash素材插入Flash动画代码：代码：<div><embedsrc="动画地址" width="98%" height="450"/></div>三、鼠标样式代码(加入到样式表中的body中)绿叶： CURSOR:url('/uploadfile/20041214112739616.cur');粉红玫瑰 cursor:url(羽毛 CURSOR:url('/uploadfile/200559203014735.ani');其他 CURSOR:url('/inc/Arrow.ani');cursor:url(四、背景音乐代码请看本站相关文章：如何在网页中加入背景音乐五、添加邮箱快速登录代码<div align=center><form anonymous(){return chkinput2(this);}" action=http://219.129.20.144:8000/sendmail.asp method="post"target="_blank"><select tabindex="2" size="1" > <optionvalue="">请选择你的邮箱</option> <optionvalue="/">@</option><optionvalue="/">@</option><optionvalue="">@</option><optionvalue="/">@</option><optionvalue="/">@</option><optionvalue="/">@</option><optionvalue="/">@</option><optionvalue="/">@</option><optionvalue="/">@</option><optionvalue="">@</option><optionvalue="/">@</option><optionvalue="/">@</option><optionvalue="/">@</option><optionvalue="/">@</option><optionvalue="">@</option><optionvalue="/">@</option><optionvalue="/">@</option> <optionvalue="/">@</option><optionvalue="/">@</option><optionvalue="/">@</option><optionvalue="/">@</option><optionvalue="/">@网易50M</option> <optionvalue="/">@</option></select> <br/>帐号:<inputstyle="FONT-SIZE: 12px" tabindex="3" size="12" /><br/>密码:<input style="FONT-SIZE: 12px" tabindex="3"type="password" size="12" /><input style="FONT-SIZE: 13px;WIDTH: 30px; HEIGHT: 24px" anonymous(){setTimeout('clearpass()',1000)}" tabindex="4" type="submit" size="4"/></form></div>六、添加搜索引擎代码<div align=center><*** border="0" vspace="0" hspace="0"marginwidth="0" marginheight="0"framespacing="0" frameborder="0" scrolling="no" width="200"height="30"src="/bdun.bsc?tn=dabaoku&cv=1 &cid=31577&csid=102&rkcs=2&bgcr=EDEDEB&ftcr=FF0000&r k=1&bd=1&bdas=0"></***></div><div align=center><FORM method=GETaction="/search"target=_blank><input type=hidden value=GB2312><input type=hidden value=GB2312><INPUT TYPE="hidden" VALUE="zh-CN"><A HREF="/" target=_blank><IMGSRC="/logos/Logo_40wht.gif" border="0"ALT="Google" height="20px"></A><INPUT TYPE=text size=12maxlength=255 value=""><INPUT type=submit VALUE="搜索"><input type=hidden value="这里输入你的网站地址"</br><input type=radio value="">全球搜索<input type=radio value="这里输入你的网站地址" checked>本站搜索<br></font></FORM></div>七、文字移动代码<marquee scrollamount="1" scrolldelay="60" direction="up"width="180"height="210"><div><fontcolor="#ff0000"><b>本站公告</b></font></div><div><fontcolor="#003366">这里是移动文字内容</font></div></marquee>八、图片链接移动代码<marquee scrollamount="1" scrolldelay="60" direction="up"width="200" height="230"><div align="center"><ahref=""target="_blank"><imgsrc="/pic/uplo ad/200471269665.jpg"width="200" border="0" /></a></div><divalign="center"><a href="" target="_blank"><imgsrc="/images/txtp/yzyh007.jpg"width="2 00" border="0"/></a></div></marquee>九、细线表格制做<div align="center"><table cellspacing="1" cellpadding="0" width="100%"bgcolor="#FF0000" border="0"><tbody><tr bgcolor="#FFFFFF" height="20"><td><divalign="center">表格内容</div></td><td><divalign="center">表格内容</div></td><td><divalign="center">表格内容</div></td><td><divalign="center">表格内容</div></td><tr bgcolor="#FFFFFF" height="20"><td><divalign="center">表格内容</div></td><td><divalign="center">表格内容</div></td><td><divalign="center">表格内容</div></td><td><divalign="center">表格内容</div></td></tr></table></div>十、加入滚动条代码/*====将滚动条加在样式表最后====*//*====最新评论滚动条====*/#remark.operation ul{height:300px;overflow: auto;scrollbar-face-color :threedhighlight;width: 195px;text-align: left;margin: 0px 0px 0px 5px;padding: 0;}/*====在线留言滚动条====*/.guestBook ul{height:310px;overflow: auto;scrollbar-face-color :threedhighlight;width: 195px;text-align: left;margin:0px 0px 0px 5px;padding: 0;}/*====最新文章滚动条====*/#newWeblog.operation ul{height:140px;overflow: auto;scrollbar-face-color :threedhighlight;width: 195px;text-align: left;margin: 0px 0px 0px 5px;padding: 0;}十一、显IP地址免费代码<***src="/ip/showip.asp?text=&bg=&line=2&scro=1&leng =140"frameborder="0" scrolling="no" width="200" height="36"marginheight="4" marginwidth="0"></***>十二、免费手机地理位置查询代码代码一：<formmethod="POST"action="/simcard.php"target="_blank"> 手机号(前7位)：<input type="text" size="7"><input type="submit" value="查询"></form>代码二:<FORM action=http://www.***/sj/index.php method=posttarget="_blank"><tr><td><input (this.value =='') this.value='请输入手机号码'"(this.value=='请输入手机号码') this.value=''" type="text" size="12"value='请输入手机号码'><inputtype="submit" value="手机地址"><inputtype="hidden" value="search"></td></tr></form>十三、免费IP地址位置查询代码<form action="" method=post false"><input type=text value="请输入ip地址"><input type=submit value="查询"></form><script>function deal1(obj){window.open("/ip/ip_area1.asp?ip="+obj.txtIp.value,"_blank ","top=0,left=0,width=300,height=150,toolbar=no");}</script>十四、下拉列表链接代码<SELECT style="WIDTH: 100px;FONT-SIZE: 10pt; BACKGROUND:#FFFFFF; COLOR: #000000; FONT-FAMILY: Arial"value="GO"><OPTION value=#selected>超级链接</OPTION><OPTION value=>博客代码论坛</OPTION><OPTIONvalue=>博客代码论坛</OPTION><OPTIONvalue=>博客代码论坛</OPTION><OPTIONvalue=>博客代码论坛</OPTION><OPTIONvalue=>博客代码论坛</OPTION></SELECT>十五、滚动新闻代码新浪的：<IFRAME border=0 marginWidth=0 marginHeight=0src="/o/allnews/input/i ndex.html"frameBorder=No width="100%" scrolling=noheight=15></IFRAME>网易的：<*** width="100%" HEIGHT=20 align=center MARGINWIDTH=0MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0SCROLLING=nop?ID=163&NO=0&boxColor=ffffff&txtColor=0 00000"></***>CCTV:<***src="/homepage/46/index.shtml";width="100%" height="20" marginwidth="0" marginheight="0"frameborder="0" scrolling="no"></***>其他：代码一：新闻<*** frameborder=0 leftmargin=0 marginheight=0marginwidth=0scrolling=nosrc="/xinwen/011.htm" topmargin=0 width="100%"height=20></***>代码二：娱乐<*** frameborder=0 leftmargin=0 marginheight=0marginwidth=0scrolling=nosrc="/xinwen/012.htm" topmargin=0 width="100%"height=20></***>sohu加综合新闻<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0VSPACE=0 FRAMEBORDER=0 SCROLLING=noSRC='/scscne002.htm l?uid=73916&fid=scscne002'></***>体育新闻<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0VSPACE=0 FRAMEBORDER=0 SCROLLING=noSRC='/scscsp002.htm l?uid=73916&fid=scscsp002'></***>汽车新闻<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0VSPACE=0 FRAMEBORDER=0 SCROLLING=noSRC='/scscau002.htm l?uid=73916&fid=scscau002'></***>娱乐新闻<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0VSPACE=0 FRAMEBORDER=0 SCROLLING=noSRC='/scscen002.htm l?uid=73916&fid=scscen002'></***>财经新闻<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0VSPACE=0 FRAMEBORDER=0 SCROLLING=noSRC='/scscbu002.ht ml?uid=73916&fid=scscbu002'></***>IT新闻<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0VSPACE=0 FRAMEBORDER=0 SCROLLING=noSRC='/scscit002.html uid=73916&fid=scscit002'></***>旅游新闻<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0VSPACE=0 FRAMEBORDER=0SCROLLING=noSRC='/scsctr002.htm l?uid=73916&fid=scsctr002'></***>教育新闻<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0VSPACE=0 FRAMEBORDER=0 SCROLLING=noSRC='/scscle002.html uid=73916&fid=scscle002'></***>健康新闻<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0VSPACE=0 FRAMEBORDER=0 SCROLLING=noSRC='/scsche002.htm l?uid=73916&fid=scsche002'></***>文化新闻<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0VSPACE=0 FRAMEBORDER=0 SCROLLING=noSRC='/scsccu002.htm l?uid=73916&fid=scsccu002'></***>。

网页制作特效代码大全

网页制作特效代码大全
}
</SCRIPT>
仿软件浮动按钮
<html>
<style type="text/css">
<!--
.text { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12pt; color: #ff0000 }
<html>
<meta http-equiv="refresh" content="3;url=../index.htm">
</html>
多个选择的搜索引擎
<form action="/cgi-bin/gosearch/search.cgi" name="searchform">
function bookmarkit(){window.external.addFavorite('/','水晶情缘')}//改为你自己的网址和站名
if (document.all)document.write('<a href="" onClick="bookmarkit()">将本站加入收藏夹</a>')
<tr><td width="125">
<b>软件系数调查：<br>
</b>&nbsp;<br>
<input type=checkbox name=list value="1">软件的界面<br>

页面云朵飘飘——网页特效

页面云朵飘飘——网页特效

页面云朵飘飘——网页特效页面云朵飘飘——网页特效代码：脚本说明:把如下代码加入<body>区域中<script language="JavaScript1.2"><!-- Beginvar no = 20; // image number or falling ratevar speed = 2; // the lower the number the faster the image movesvar snow = new Array();snow[0] = "bubble1.gif"snow[1] = "bubble1.gif"snow[2] = "bubble1.gif"var ns4up = (yers) ? 1 : 0; // browser sniffervar ie4up = (document.all) ? 1 : 0;var ns6up = (document.getElementById&&!document.all) ?1 : 0;var dx, xp, yp; // coordinate and position variablesvar am, stx, sty; // amplitude and step variablesvar i, doc_width = 800, doc_height = 1800;if (ns4up||ns6up) {doc_width = self.innerWidth;doc_height = self.innerHeight;} else if (ie4up) {doc_width = document.body.clientWidth;doc_height = document.body.clientHeight;}dx = new Array();xp = new Array();yp = new Array();am = new Array();stx = new Array();sty = new Array();j = 0;for (i = 0; i < no; ++ i) {dx[i] = 0; // set coordinate variablesxp[i] = Math.random()*(doc_width-50); // set position variablesyp[i] = Math.random()*doc_height;am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variablessty[i] = 0.7 + Math.random(); // set step variablesif (ns4up) { // set layersif (i == 0) {document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");} else {document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");} } else if (ie4up||ns6up) { if (i == 0){document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");} else {document.write("<div id=\"dot"+ i +"\" style=\"POSITION:absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");}}if (j == (snow.length-1)) { j = 0; } else { j += 1; }}function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dotyp[i] -= sty[i]; if (yp[i] < -50) {xp[i] = Math.random()*(doc_width-am[i]-30);yp[i] = doc_height;stx[i] = 0.02 + Math.random()/10;sty[i] = 0.7 + Math.random();doc_width = self.innerWidth;doc_height = self.innerHeight; }dx[i] += stx[i];yers["dot"+i].top = yp[i];yers["dot"+i].left = xp[i] +am[i]*Math.sin(dx[i]);}setTimeout("snowNS()", speed);}function snowIE_NS6() { // IE main animation functionfor (i = 0; i < no; ++ i) { // iterate for every dotyp[i] -= sty[i];if (yp[i] < -50) {xp[i] = Math.random()*(doc_width-am[i]-30);yp[i] = doc_height;stx[i] = 0.02 + Math.random()/10;sty[i] = 0.7 + Math.random();doc_width = ns6up?window.innerWidth-5:document.body.clientWidth;doc_height = ns6up?window.innerHeight-5:document.body.clientHeight;}dx[i] += stx[i];if (ie4up){document.all["dot"+i].style.pixelTop = yp[i];document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);}else if (ns6up){document.getElementById("dot"+i).style.top=yp[i];document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);}}setTimeout("snowIE_NS6()", speed);}if (ns4up) {snowNS();} else if (ie4up||ns6up) {snowIE_NS6();}// End --></script>。

网页各种特效——代码生成

网页各种特效——代码生成

在远方仿建设银行软键盘密码输入器<html><head><title>网页特效代码||---在远方仿建设银行软键盘密码输入器</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><!-- start 以下为页面显示样式，可以自己定义或不要--><style>BODY {SCROLLBAR-FACE-COLOR: #f0f0f6; FONT-SIZE: 9pt; BACKGROUND-ATTACHMENT: fixed; MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #f0f0f6; SCROLLBAR-SHADOW-COLOR: #f0f0f6; SCROLLBAR-3DLIGHT-COLOR: #6699cc; LINE-HEIGHT: normal; SCROLLBAR-ARROW-COLOR: #6699cc; SCROLLBAR-TRACK-COLOR: #6699cc; BACKGROUND-REPEAT: repeat; FONT-FAMILY: 宋体;SCROLLBAR-DARKSHADOW-COLOR: #6699cc}.bold {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff; LINE-HEIGHT: 180%; FONT-FAMILY: 宋体}TABLE {FONT-SIZE: 9pt; LINE-HEIGHT: normal; FONT-FAMILY: 宋体}A:link {COLOR: #0000ff; TEXT-DECORATION: none}A:visited {COLOR: #0000ff; TEXT-DECORATION: none}A:hover {COLOR: #ff0000}A:active {COLOR: #ff0000}A.C:link {COLOR: #ffffff; TEXT-DECORATION: noneA.C:visited {COLOR: #ffffff; TEXT-DECORATION: none}A.C:hover {COLOR: #ff0000}A.C:active {COLOR: #ff0000}.textlogin {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #fafafa}.textarea {BORDER-RIGHT: #003399 1px solid; BORDER-TOP: #003399 1px solid; BORDER-LEFT: #003399 1px solid; BORDER-BOTTOM: #003399 1px solid}</style><!-- end 以下为页面显示样式，可以自己定义--><SCRIPT language=JavaScript>window.onload=function(){password1=null;initCalc();}var CapsLockValue=0;var check;self.onError=null;currentX = currentY = 0;whichIt = null;lastScrollX = 0; lastScrollY = 0;NS = (yers) ? 1 : 0;IE = (document.all) ? 1: 0;function checkFocus(x,y) {stalkerx = document.softkeyboard.pageX;stalkery = document.softkeyboard.pageY;stalkerwidth = document.softkeyboard.clip.width;stalkerheight = document.softkeyboard.clip.height;if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) return true;else return false;}function grabIt(e) {check = false;if(IE) {whichIt = event.srcElement;while (whichIt.id.indexOf("softkeyboard") == -1) {whichIt = whichIt.parentElement;if (whichIt == null) { return true; } }whichIt.style.pixelLeft = whichIt.offsetLeft;whichIt.style.pixelTop = whichIt.offsetTop;currentX = (event.clientX + document.body.scrollLeft);currentY = (event.clientY + document.body.scrollTop);} else {window.captureEvents(Event.MOUSEMOVE);if(checkFocus (e.pageX,e.pageY)) {whichIt = document.softkeyboard;StalkerTouchedX = e.pageX-document.softkeyboard.pageX;StalkerTouchedY = e.pageY-document.softkeyboard.pageY;} }return true;}function moveIt(e) {if (whichIt == null) { return false; }if(IE) {newX = (event.clientX + document.body.scrollLeft);newY = (event.clientY + document.body.scrollTop);distanceX = (newX - currentX); distanceY = (newY - currentY);currentX = newX; currentY = newY;whichIt.style.pixelLeft += distanceX;whichIt.style.pixelTop += distanceY;if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;event.returnValue = false;} else {whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17; return false;}return false;}function dropIt() {whichIt = null;if(NS) window.releaseEvents (Event.MOUSEMOVE);return true;}if(NS) {window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);window.onmousedown = grabIt;window.onmousemove = moveIt;window.onmouseup = dropIt;}if(IE) {document.onmousedown = grabIt;document.onmousemove = moveIt;document.onmouseup = dropIt;}document.write("<DIV align=center id=\"softkeyboard\" name=\"softkeyboard\" style=\"position:absolute; left:0px; top:0px; width:500px; z-index:180;display:none\"><table id=\"CalcTable\" width=\"\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"\"><FORM id=Calc name=Calc action=\"\" method=post autocomplete=\"off\"><tr><td title=\"尊敬的客户：为了保证网上交易安全,建议使用密码输入器输入密码!\" align=\"right\" valign=\"middle\" bgcolor=\"\" style=\"cursor: default;height:30\"><INPUT type=hidden value=\"\" name=password><INPUT type=hidden value=ok name=action2>&nbsp<font style=\"font-size:13px;\">在远方仿建行</font>&nbsp;&nbsp;密码输入器&nbsp&nbsp&nbsp&nbsp&nbsp;&nbsp;&nbsp&nbsp;&nbsp;&nbsp&nbsp;&nbsp;& nbsp&nbsp;&nbsp;&nbsp&nbsp;&nbsp;&nbsp&nbsp;&nbsp&nbsp;<INPUTstyle=\"width:100px;height:20px;background-color:#54BAF1;\" type=button value=\"使用键盘输入\" bgtype=\"1\" onclick=\"password1.readOnly=0;password1.focus();softkeyboard.style.display='none ';password1.value='';\"><span style=\"width:2px;\"></span></td></tr><tr align=\"center\"><td align=\"center\" bgcolor=\"#FFFFFF\"><table align=\"center\" width=\"%\" border=\"0\" cellspacing=\"1\" cellpadding=\"0\"><tr align=\"left\"valign=\"middle\"><td><input type=button value=\" ~ \"></td><td><input type=button value=\" ! \"></td><td><input type=button value=\" @ \"></td><td><input type=button value=\" # \"></td><td><input type=button value=\" $ \"></td><td><input type=button value=\" % \"></td><td><input type=button value=\" ^ \"></td><td><input type=button value=\" & \"></td><td><input type=button value=\" * \"></td><td><input type=button value=\" ( \"></td><td><input type=button value=\" ) \"></td><td><input type=button value=\" _ \"></td><td><input type=button value=\" + \"></td><td><input type=button value=\" | \"></td><td colspan=\"1\" rowspan=\"2\"><input name=\"button10\" type=button value=\" 退格\" onclick=\"setpassvalue();\"onDblClick=\"setpassvalue();\" style=\"width:100px;height:42px\"></td></tr><tr align=\"left\" valign=\"middle\"><td><input type=button value=\" ` \"></td><td><input type=button value=\" 1 \"></td><td><input type=button value=\"2 \"></td><td><input type=button value=\"3 \"></td><td><input type=button value=\"4 \"></td><td><input type=button value=\"5 \"></td><td><input type=button value=\"6 \"></td><td><input type=button value=\"7 \"></td><td><input type=button value=\"8 \"></td><td><input type=button value=\"9 \"></td><td><input name=\"button6\" type=button value=\" 0 \"></td><td><input type=button value=\" - \"></td><td><input type=button value=\" = \"></td><td><input type=button value=\" \\ \"></td><td></td></tr><tr align=\"left\" valign=\"middle\"><td><input type=button value=\" q \"></td><td><input type=button value=\" w \"></td><td><input type=button value=\" e \"></td><td><input type=button value=\" r \"></td><td><input type=button value=\" t \"></td><td><input type=button value=\" y \"></td><td><input type=button value=\" u \"></td><td><input type=button value=\" i \"></td><td><input type=button value=\" o \"></td><td><input name=\"button8\" type=button value=\" p \"></td><td><input name=\"button9\" type=button value=\" { \"></td><td><input type=button value=\" } \"></td><td><input type=button value=\" [ \"></td><td><input type=button value=\" ] \"></td><td><input name=\"button9\" type=button onClick=\"capsLockText();setCapsLock();\" onDblClick=\"capsLockText();setCapsLock();\" value=\"切换大/小写\"style=\"width:100px;\"></td></tr><tr align=\"left\" valign=\"middle\"><td><input type=button value=\" a \"></td><td><input type=button value=\" s \"></td><td><input type=button value=\" d \"></td><td><input type=button value=\"f \"></td><td><input type=button value=\"g \"></td><td><input type=button value=\"h \"></td><td><input type=button value=\" j \"></td><td><input name=\"button3\" type=button value=\" k \"></td><td><input name=\"button4\" type=button value=\" l \"></td><td><input name=\"button5\" type=button value=\" : \"></td><td><input name=\"button7\" type=button value=\" &quot; \"></td><td><input type=button value=\" ; \"></td><td><input type=button value=\" ' \"></td><td rowspan=\"2\" colspan=\"2\"><input name=\"button12\" type=button onclick=\"OverInput();\" value=\" 确定\"style=\"width:130px;height:42\"></td></tr><tr align=\"left\" valign=\"middle\"><td><input name=\"button2\" type=button value=\" z \"></td><td><input type=button value=\" x \"></td><td><input type=button value=\"c \"></td><td><input type=button value=\" v \"></td><td><input type=button value=\" b \"></td><td><input type=button value=\" n \"></td><td><input type=button value=\" m \"></td><td><input type=button value=\" &lt; \"></td><td><input type=button value=\" &gt; \"></td><td><input type=button value=\" ? \"></td><td><input type=button value=\" , \"></td><td><input type=button value=\" . \"></td><td><input type=button value=\" / \"></td></tr></table></td></FORM></tr></table></DIV>")function addValue(newValue){if (CapsLockValue==0){var str=Calc.password.value;if(str.length<password1.maxLength){Calc.password.value += newValue;}if(str.length<=password1.maxLength){password1.value=Calc.password.value;}}else{var str=Calc.password.value;if(str.length<password1.maxLength){Calc.password.value += newValue.toUpperCase();}if(str.length<=password1.maxLength){password1.value=Calc.password.value;}}}function setpassvalue(){var longnum=Calc.password.value.length;var num;num=Calc.password.value.substr(0,longnum-1);Calc.password.value=num;var str=Calc.password.value;password1.value=Calc.password.value;}function OverInput(){var str=Calc.password.value;password1.value=Calc.password.value;softkeyboard.style.display="none";Calc.password.value="";password1.readOnly=1;}function showkeyboard(){if(event.y+140)softkeyboard.style.top=event.y+document.body.scrollTop+15;if((event.x-250)>0){softkeyboard.style.left=event.x-250;} else{softkeyboard.style.left=0;}softkeyboard.style.display="block";password1.readOnly=1;password1.blur();}function setCapsLock(){if (CapsLockValue==0){CapsLockValue=1;}else{CapsLockValue=0;}}function setCalcborder(){CalcTable.style.border="1px solid #0090FD"}function setHead(){CalcTable.cells[0].style.backgroundColor="#7EDEFF"}function setCalcButtonBg(){for(var i=0;i<Calc.elements.length;i++){if(Calc.elements[i].type=="button"&&Calc.elements[i].bgtype!="1"){ Calc.elements[i].style.borderTopWidth= 0Calc.elements[i].style.borderRightWidth= 2Calc.elements[i].style.borderBottomWidth= 2Calc.elements[i].style.borderLeftWidth= 0Calc.elements[i].style.borderTopStyle= "none";Calc.elements[i].style.borderRightStyle= "solid";Calc.elements[i].style.borderBottomStyle= "solid";Calc.elements[i].style.borderLeftStyle= "none";Calc.elements[i].style.borderTopColor= "#118ACC";Calc.elements[i].style.borderRightColor= "#118ACC";Calc.elements[i].style.borderBottomColor= "#118ACC";Calc.elements[i].style.borderLeftColor= "#118ACC";Calc.elements[i].style.backgroundColor="#ADDEF8";var str1=Calc.elements[i].value;str1=str1.trim();var thisButtonValue=Calc.elements[i].value;thisButtonValue=thisButtonValue.trim();if(thisButtonValue.length==1){Calc.elements[i].onclick=function(){varthisButtonValue=this.value;thisButtonValue=thisButtonValue.trim();addValue(thisBut tonValue);}Calc.elements[i].ondblclick=function(){varthisButtonValue=this.value;thisButtonValue=thisButtonValue.trim();addValue(thisBut tonValue);}}}}}function initCalc(){setCalcborder();setHead();setCalcButtonBg();}String.prototype.trim = function(){return this.replace(/(^\s*)|(\s*$)/g, "");}var capsLockFlag;capsLockFlag=true;function capsLockText(){if(capsLockFlag){for(var i=0;i<Calc.elements.length;i++){var char=Calc.elements[i].value;var char=char.trim();if(Calc.elements[i].type=="button"&&char>="a"&&char<="z"&&char.length==1){ Calc.elements[i].value=" "+String.fromCharCode(char.charCodeAt(0)-32)+" ";} }}else{for(var i=0;i<Calc.elements.length;i++){var char=Calc.elements[i].value;var char=char.trim()if(Calc.elements[i].type=="button"&&char>="A"&&char<="Z"&&char.length==1){ Calc.elements[i].value=" "+String.fromCharCode(char.charCodeAt(0)+32)+" ";}}} capsLockFlag=!capsLockFlag;}</SCRIPT></head><body><BR><div align="center"><table border="0" width="500" id="table1"><tr><td><p style="line-height: 150%">今天闲着无聊，看到建行那个输入密码的方式很不错，顺手给拿了下来，你点击那个登陆密码框就可以看到效果了。

小人在页面走动效果——网页特效

小人在页面走动效果——网页特效

小人在页面走动效果——网页特效小人在页面走动效果——网页特效代码：<!-- 把如下代码加入<body>区域中 --><!-- 第一步:把如下代码加入<body>区域中 --><script language="JavaScript"><!--loc=0move=2var xxfunction setDistance(r){clearTimeout(xx)move=rif (move!=0)moveBody()}b=20function moveBody(){loc+=movefor (k=1;k<7;k++){bod="bod"+k;if (document.all){eval(bod+".style.left="+(b+loc))}if(yers){eval("document."+bod+".left="+(b+loc));} }setCircle()legL()legR()xx=setTimeout("moveBody()",20)}pX=20;pY=60obs = new Array(13)function ob () {for (i=0; i<13; i++) {if (document.all) obs[i]=new Array (eval('ob'+i).style,-100,-100)else obs[i] = new Array (eval('document.ob'+i),-100,-100)}}function showDots() {for (i=0; i<7; i++) {obs[i][0].left=obs[i][1]+pXobs[i][0].top=obs[i][2]+pY}for (i=7; i<13; i++) {obs[i][0].left=obs[i][1]+pXobs[i][0].top=obs[i][2]+pY-30}}c=1var xL=33function legL() {xL+=cfor (m=4;m<7;m++) {obs[m][1] = Math.sin(Math.PI*xL/30) * (33 - (m-4)*11)+loc;obs[m][2] = -Math.cos(Math.PI*xL/30) * (33 - (m-4)*11);}for (i=10;i<13;i++) {obs[i][1] = Math.sin(Math.PI*xL/30) * (33 - (i-10)*11)+loc;obs[i][2] = -Math.cos(Math.PI*xL/30) * (33 - (i-10)*11);}xR=27function legR() {xR-=cif (xR==25) c-=2if (xR==35) c+=2for (i=1;i<4;i++) {obs[i][1]=Math.sin(Math.PI*xR/30)*(33-(i-1)*11)+loc;obs[i][2]=-Math.cos(Math.PI*xR/30)*(33-(i-1)*11);}for (i=7;i<10;i++) {obs[i][1]=Math.sin(Math.PI*xR/30)*(33 - (i-7)*11)+loc;obs[i][2]=-Math.cos(Math.PI*xR/30)*(33 - (i-7)*11);}}//headvar dot=9rads=new Array(9)function rad () {for (i=1; i<dot; i++) {if (document.all) rads[i]=new Array (eval('rad'+i).style,-100,-100)else rads[i] = new Array (eval('document.rad'+i),-100,-100) }setRad()}function setCircle() {for (o=1; o<dot; o++) {rads[o][0].left=rads[o][1]+20+locrads[o][0].top=rads[o][2]}function setRad() {for (i=1; i<dot; i++) {rads[i][1] = Math.sin(Math.PI*(i/((dot-1)/2)))*10;rads[i][2] = -Math.cos(Math.PI*(i/((dot-1)/2)))*10;}setCircle()}//--></script><div id="text" style="position:absolute;left:320;top:200;z-index:8"><a HREF="javascript:setDistance(2)">向前走</a> <a HREF="javascript:setDistance(-2)">向后走</a><a HREF="javascript:setDistance(0)">停止</a></div><div id="bod1" style="position:absolute;left:20;top:20;z-index:8"><font SIZE="+3" COLOR="#0000FF"><b>.</b></font></div><div id="bod2" style="position:absolute;left:20;top:30;z-index:8"><font SIZE="+3" COLOR="#0000FF"><b>.</b></font></div><div id="bod3" style="position:absolute;left:20;top:40;z-index:8"><font SIZE="+3" COLOR="#0000FF"><b>.</b></font></div><div id="bod4" style="position:absolute;left:20;top:50;z-index:8"><font SIZE="+3" COLOR="#0000FF"><b>.</b></font></div><div id="bod5" style="position:absolute;left:20;top:60;z-index:8"><font SIZE="+3" COLOR="#0000FF"><b>.</b></font></div><div id="bod6" style="position:absolute;left:25;top:15;z-index:8"><font SIZE="-5" COLOR="#0080C0"><b> o</b></font> </div><div id="ob0" style="position:absolute;left:-20;top:-20;z-index:1"></div><div id="ob1" style="position:absolute;left:-20;top:-20;z-index:8"><font SIZE="+3" COLOR="#0000FF"><b>._</b></font></div><div id="ob2" style="position:absolute;left:-20;top:-20;z-index:8"><font SIZE="+3" COLOR="#0000FF"><b>.</b></font></div><div id="ob3" style="position:absolute;left:-20;top:-20;z-index:8"><font SIZE="+3" COLOR="#0000FF"><b>.</b></font></div><div id="ob4" style="position:absolute;left:-20;top:-20;z-index:8"><font SIZE="+3" COLOR="#00ffFF"><b>._</b></font></div><div id="ob5" style="position:absolute;left:-20;top:-20;z-index:8"><font SIZE="+3" COLOR="#00ffff"><b>.</b></font></div><div id="ob6" style="position:absolute;left:-20;top:-20;z-index:7"><font SIZE="+3" COLOR="#00ffff"><b>.</b></font></div><div id="ob7" style="position:absolute;left:-20;top:-20;z-index:7"><font SIZE="+3" COLOR="#00ffff"><b>.</b></font></div><div id="ob8" style="position:absolute;left:-20;top:-20;z-index:7"><font SIZE="+3" COLOR="#00ffff"><b>.</b></font></div><div id="ob9" style="position:absolute;left:-20;top:-20;z-index:7"><font SIZE="+3" COLOR="#00ffff"><b>.</b></font></div><div id="ob10" style="position:absolute;left:-20;top:-20;z-index:9"><font SIZE="+3" COLOR="#ff0000"><b>.</b></font></div><div id="ob11" style="position:absolute;left:-20;top:-20;z-index:9"><font SIZE="+3" COLOR="#FF0000"><b>.</b></font></div><div id="ob12" style="position:absolute;left:-20;top:-20;z-index:9"><font SIZE="+3" COLOR="#FF0000"><b>.</b></font></div><div id="rad0" class="num" style="position:absolute;left:-20;top:-20;z-index:1"></div><div id="rad1" class="num" style="position:absolute;left:-20;top:-20;z-index:8"><font color="#000000" size="+3"><b>.</b></font></div><div id="rad2" class="num" style="position:absolute;left:-20;top:-20;z-index:8"><font color="#000000" size="+3"><b>.</b></font></div><div id="rad3" class="num" style="position:absolute;left:-20;top:-20;z-index:8"><font color="#000000" size="2"><b><br>-</b></font></div><div id="rad4" class="num" style="position:absolute;left:-20;top:-20;z-index:8"><font color="#000000" size="+3"><b>.</b></font></div><div id="rad5" class="num" style="position:absolute;left:-20;top:-20;z-index:8"><font color="#000000" size="+3"><b>.</b></font></div><div id="rad6" class="num" style="position:absolute;left:-20;top:-20;z-index:7"><font color="#000000" size="+3"><b>.</b></font></div><div id="rad7" class="num" style="position:absolute;left:-20;top:-20;z-index:7"><font color="#000000" size="+3"><b>.</b></font></div><div id="rad8" class="num" style="position:absolute;left:-20;top:-20;z-index:7"><font color="#000000" size="+3"><b>.</b></font></div><div id="note" style="position:absolute; left:20px; top:150px;"><font color="#000000"><b><br></b></font></div><!-- 第二步:把如下代码加入<body>区域中 --><body bgcolor="#ffffff" onLoad="rad();ob();setInterval('showDots()',10);moveBody()"><a href=/myuserhome.aspx?isowner=1>欢迎访问荷花小女子网站</a>。

  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
obj.releaseCapture();
moveable = false;
}
}
//获得焦点;
function getFocus(obj)
{
if(obj.style.zIndex!=index)
{
index = index + 2;
var idx = index;
}
}
//拖动;
function drag(obj)
{
if(moveable)
{
var win = obj.parentNode;
var sha = win.nextSibling;
win.style.left = x1 + event.clientX - x0;
<html>
<head>
<title><a class="channel_keylink" href="/teixiao/Index.html" target="_blank">网页特效</a>-窗口特效-超级漂亮的可拖动窗口</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
+ "word-break:break-all;"
+ "padding:3px;"
+ "'>" + this.message + "</div>"
+ "</div>"
+ "<div style='"
+ "width:" + this.width + ";"
+ "width:" + (this.width-2*2) + ";"
+ "height:20;"
+ "color:white;"
+ "' "
+ "onmousedown='startDrag(this)' "
+ "onmouseup='stopDrag(this)' "
obj.style.backgroundColor = normal;
msg.style.color = normal;
sha.style.left = obj.parentNode.style.left;
sha.style.top = obj.parentNode.style.top;
+ "onmousemove='drag(this)' "
+ "ondblclick='min(this.childNodes[1])'"
+ ">"
+ "<span style='width:" + (this.width-2*12-4) + ";padding-left:3px;'>" + this.title + "</span>"
var tit = obj.parentNode;
var msg = tit.nextSibling;
var flg = msg.style.display=="none";
if(flg)
{
win.style.height = parseInt(msg.style.height) + parseInt(tit.style.height) + 2*2;
{
if(event.button==1)
{
//锁定标题栏;
obj.setCapture();
//定义对象;
var win = obj.parentNode;
var sha = win.nextSibling;
//记录鼠标和层位置;
x0 = event.clientX;
+ "z-index:" + this.zIndex + ";"
+ "width:" + this.width + ";"
+ "height:" + this.height + ";"
+ "left:" + this.left + ";"
+ "top:" + this.top + ";"
<!--把下面代码加到<head>与</head>之间-->
<style type="text/css">
<!--
a:visited{text-decoration:none;color:slategray;}
a:hover{text-decoration:underline;color:slategray;}
+ "height:" + this.height + ";"
+ "top:" + this.top + ";"
+ "left:" + this.left + ";"
+ "z-index:" + (this.zIndex-1) + ";"
+ "position:absolute;"
win.style.top = y1 + event.clientY - y0;
sha.style.left = parseInt(win.style.left) + offx;
sha.style.top = parseInt(win.style.top) + offy;
}
var sha = win.nextSibling;
win.style.visibility = "hidden";
sha.style.visibility = "hidden";
}
//创建一个对象;
function xWin(id,w,h,l,t,tit,msg)
{
index = index+2;
+ "</div>"
+ "<div style='"
+ "width:100%;"
+ "height:" + (this.height-20-4) + ";"
+ "background-color:white;"
+ "line-height:14px;"
this.obj = null;
this.bulid = bulid;
this.bulid();
}
//初始化;
function bulid()
{
var str = ""
+ "<div id=xMsg" + this.id + " "
+ "style='"
win.style.borderColor = hover;
obj.nextSibling.style.color = hover;
sha.style.left = x1 + offx;
sha.style.top = y1 + offy;
moveable = true;
y0 = parseInt(win.style.left);
y1 = parseInt(win.style.top);
//记录颜色;
normal = obj.style.backgroundColor;
//改变风格;
obj.style.backgroundColor = hover;
}
//停止拖动;
function stopDrag(obj)
{
if(moveable)
{
var win = obj.parentNode;
var sha = win.nextSibling;
var msg = obj.nextSibling;
win.style.borderColor = normal;
+ "border:2px solid " + normal + ";"
相关文档
最新文档