js提示框-转载+++ js 乱码+++自动提交+滚动图片加载+箭头导航(转载)
String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); }var camelize = function (s) { return s.replace(/-(\w)/g, function (strMatch, p1) { return p1.toUpperCase(); });};javascript:(function(){var uid=["zhangsong010","zhangsong010"];document.getElementsByName("j_username")[0].value=uid[0];document.getElementsByName("j_password")[0].value=uid[1];document.forms["logon_form"].submit();})();void(0);客户端编码，服务器端解码 客户端：encodeURI(url);(在js代码中) 服务器端： 程序代码new String(request.getParameter("***").getBytes("ISO-8859-1"),"UTF-8"); 或者URLDecode.decode("***","UTF-8"); http://www.1516.net/wangzhan/yuanma/
html><head></head><body><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>提示信息框</title><style type="text/css">a{ color:#000; font-size:12px;text-decoration:none}a:hover{ color:#900; text-decoration:underline}body{background:;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#003366); overflow:hidden}#massage_box{ position:absolute; left:expression((body.clientWidth-350)/2); top:expression((body.clientHeight-200)/2); width:350px; height:200px;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:2; visibility:hidden}#mask{ position:absolute; top:0; left:0; width:expression(body.scrollWidth); height:expression(body.scrollHeight); background:#666; filter:ALPHA(opacity=60); z-index:1; visibility:hidden}.massage{border:#036 solid; border-width:1 1 3 1; width:95%; height:95%; background:#fff; color:#036; font-size:12px; line-height:150%}.header{background:#036; height:10%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3 5 0 5; color:#fff}</style><!--实现层移动--><script language="javascript">var Obj=''document.onmouseup=MUpdocument.onmousemove=MMovefunction MDown(Object){Obj=Object.iddocument.all(Obj).setCapture()pX=event.x-document.all(Obj).style.pixelLeft;pY=event.y-document.all(Obj).style.pixelTop;}function MMove(){if(Obj!=''){document.all(Obj).style.left=event.x-pX;document.all(Obj).style.top=event.y-pY;}}function MUp(){if(Obj!=''){document.all(Obj).releaseCapture();Obj='';}}</script></head><body><div id="massage_box"><div onmousedown=MDown(massage_box)><div style="display:inline; width:150px; position:absolute">本站提示信息</div><span onClick="massage_box.style.visibility='hidden'; mask.style.visibility='hidden'" style="float:right; display:inline; cursor:hand">×</span></div><ul style="margin-right:25"><li></li></ul></div></div><div id="mask"></div><span onClick="mask.style.visibility='visible';massage_box.style.visibility='visible'" style="cursor:hand"><a href="#">显示提示信息</a></span><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></body></html></body></html>二、<html><head></head><body><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>网页中弹出小窗口,页面背景逐渐变为半透明</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:12px;}.mesWindowContent{margin:4px;font-size:12px;}.mesWindow .close{height:15px;width:28px;border:none;cursor:pointer;text-decoration: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";var styleStr="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.getElementById('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></body></html>三、<input type="button" value="点击这里" onclick="sAlert('测试效果<br>还可以直接书写HTML代码 <br>? 2006');" /><script type="text/javascript" language="javascript">//Author:Daviv//Blog:http://blog.163.com/jxdawei//Date:2006-10-28//Email:jxdawei@gmail.com function sAlert(str){ var msgw,msgh,bordercolor; msgw=400;//提示窗口的宽度 msgh=100;//提示窗口的高度 bordercolor="#336699";//提示窗口的边框颜色 titlecolor="#99CCFF";//提示窗口的标题颜色 var sWidth,sHeight; sWidth=document.body.offsetWidth; sHeight=document.body.offsetHeight; var bgObj=document.createElement("div"); bgObj.setAttribute('id','bgDiv'); bgObj.style.position="absolute"; bgObj.style.top="0"; bgObj.style.background="#777"; bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75"; bgObj.style.opacity="0.6"; bgObj.style.left="0"; bgObj.style.width=sWidth + "px"; bgObj.style.height=sHeight + "px"; document.body.appendChild(bgObj); var msgObj=document.createElement("div") msgObj.setAttribute("id","msgDiv"); msgObj.setAttribute("align","center"); msgObj.style.position="absolute"; msgObj.style.background="white"; msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif"; msgObj.style.border="1px solid " + bordercolor; msgObj.style.width=msgw + "px"; msgObj.style.height=msgh + "px"; msgObj.style.top=(document.documentElement.scrollTop + (sHeight-msgh)/2) + "px"; msgObj.style.left=(sWidth-msgw)/2 + "px"; var title=document.createElement("h4"); title.setAttribute("id","msgTitle"); title.setAttribute("align","right"); title.style.margin="0"; title.style.padding="3px"; title.style.background=bordercolor; title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);"; title.style.opacity="0.75"; title.style.border="1px solid " + bordercolor; title.style.height="18px"; title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif"; title.style.color="white"; title.style.cursor="pointer"; title.innerHTML="关闭"; title.onclick=function(){ document.body.removeChild(bgObj); document.getElementById("msgDiv").removeChild(title); document.body.removeChild(msgObj); } document.body.appendChild(msgObj); document.getElementById("msgDiv").appendChild(title); var txt=document.createElement("p"); txt.style.margin="1em 0" txt.setAttribute("id","msgTxt"); txt.innerHTML=str; document.getElementById("msgDiv").appendChild(txt); } </script>--转载
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>弹出提示</title><style>* {margin:0;padding:0;font-size:12px;}html,body {height:100%;width:100%;}#content {background:#f8f8f8;padding:30px;height:100%;}#content a {font-size:30px;color:#369;font-weight:700;}#alert {border:1px solid #369;width:300px;height:150px;background:#e2ecf5;z-index:1000;position:absolute;display:none;}#alert h4 {height:20px;background:#369;color:#fff;padding:5px 0 0 5px;}#alert h4 span {float:left;}#alert h4 span#close {margin-left:210px;font-weight:500;cursor:pointer;}#alert p {padding:12px 0 0 30px;}#alert p input {width:120px;margin-left:20px;}#alert p input.myinp {border:1px solid #ccc;height:16px;}#alert p input.sub {width:60px;margin-left:30px;}</style></head><body><div id="content"><a href="#">注册</a></div><div id="alert"><h4><span>现在注册</span><span id="close">关闭</span></h4><p><label> 用户名</label><input type="text" onmouseover="this.style.border='1px solid #f60'" onfoucs="this.style.border='1px solid #f60'" onblur="this.style.border='1px solid #ccc'" /></p><p><label> 密 码</label><input type="password" onmouseover="this.style.border='1px solid #f60'" onfoucs="this.style.border='1px solid #f60'" onblur="this.style.border='1px solid #ccc'" /></p><p><input type="submit" value="注册" /><input type="reset" value="重置" /></p></div><script type="text/javascript">var myAlert = document.getElementById("alert");var reg = document.getElementById("content").getElementsByTagName("a")[0];var mClose = document.getElementById("close");reg.onclick = function(){myAlert.style.display = "block";myAlert.style.position = "absolute";myAlert.style.top = "50%";myAlert.style.left = "50%";myAlert.style.marginTop = "-75px";myAlert.style.marginLeft = "-150px";mybg = document.createElement("div");mybg.setAttribute("id","mybg");mybg.style.background = "#000";mybg.style.width = "100%";mybg.style.height = "100%";mybg.style.position = "absolute";mybg.style.top = "0";mybg.style.left = "0";mybg.style.zIndex = "500";mybg.style.opacity = "0.3";mybg.style.filter = "Alpha(opacity=30)";document.body.appendChild(mybg);document.body.style.overflow = "hidden";}mClose.onclick = function(){myAlert.style.display = "none";mybg.style.display = "none";}</script></body></html><style>*{ padding:0; margin:0; font-size:12px;}#bg{background:#000000;opacity: 0.5;-moz-opacity:0.5; filter:alpha(opacity=50); width:100%; height:100%;position:absolute; top:0; left:0}#info{height:0px; width:0px;top:50%; left:50%;position:absolute; line-height:1.7}#center{background:#fff;border:1px solid #217AC1; width:300px; height:100px; position:absolute; margin:-50px -150px;}#center strong{ display:block; padding:2px 5px; background:#EBF4FC; color:#519FEE;}#center p{padding:10px; text-align:center; color:#1C6FB8;}</style></head><body><span id="boxs"> </span><a href="javascript:boxs(1);">点这里 </a><script>function boxs(v){window.scrollTo(0,0);var bo = document.getElementsByTagName('body')[0];var ht = document.getElementsByTagName('html')[0];var boht = document.getElementById('boxs'); boht.innerHTML = '';bo.style.height='auto';bo.style.overflow='auto';ht.style.height='auto';if(v == 1){ bo.style.height='100%'; bo.style.overflow='hidden'; ht.style.height='100%'; boht.innerHTML = ' <div id="bg"> </div> <div id="info"> <div id="center"> <strong>友情提醒： </strong> <p> <a href="javascript:boxs(0);">关闭 </a> </p> </div> </div>'; }}</script></body><script> var oPopup; var popTop=50; var mytime; function closemsg(){ try{ clearTimeout(mytime); }catch(e){} oPopup.hide(); } function popshow(){ //window.status=popTop; if(popTop>1160){ closemsg(); return; } if(popTop>1040&&popTop<1160){ oPopup.show(screen.width-195,screen.height,250,1160-popTop); } if(popTop>1000&&popTop<1040){ oPopup.show(screen.width-195,screen.height+(popTop-1160),250,116); } if(popTop<120){ oPopup.show(screen.width-195,screen.height,250,popTop); } if(popTop<160){ oPopup.show(screen.width-195,screen.height-popTop,250,116); } popTop+=10; mytime=setTimeout("popshow();",100); } function popmsg(msgnum,msgstr){ oPopup = window.createPopup(); var winstr='<table style="border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid" cellSpacing=0 cellPadding=0 width="100%" bgcolor=#cfdef4 border=0>'; winstr +=' <tr>'; winstr +=' <td style="font-size: 12px; background-image: url(msgTopBg.gif); color: #0f2c8c" width=30 height=24></td>'; winstr +=' <td style="font-weight: normal; font-size: 12px; background-image: url(msgTopBg.gif); color: #1f336b; padding-top: 4px;padding-left: 4px" valign=center width="100%"> 管理平台消息提示：</td>'; winstr +=' <td style="background-image: url(msgTopBg.gif); padding-top: 2px;padding-right:2px" valign=center align=right width=19><span title=关闭 style="cursor: hand;color:red;font-size:12px;font-weight:bold;margin-right:4px;" onclick="window.parent.closemsg();">×</span></td>'; winstr +=' </tr>'; winstr +=' <tr>'; winstr +=' <td style="padding-right: 1px; background-image: url(1msgBottomBg.jpg); padding-bottom: 1px" colSpan=3 height=90>'; winstr +=' <div style="border-right: #b9c9ef 1px solid; padding-right: 13px; border-top: #728eb8 1px solid; padding-left: 13px; font-size: 12px; padding-bottom: 13px; border-left: #728eb8 1px solid; width: 100%; color: #1f336b; padding-top: 6px; border-bottom: #b9c9ef 1px solid; height: 100%">' winstr +=' 您有<font color=#FF0000>'+msgnum+'</font>条新短消息<br><br>'; winstr +=' <div align=center style="word-break:break-all">'; winstr +=msgstr; winstr +=' </div>'; winstr +=' </div>'; winstr +=' </td>'; winstr +=' </tr>'; winstr +='</table>'; oPopup.document.body.innerHTML = winstr; popshow(); } <!--上面是定议，下面是调用--> popmsg(1,'msg'); </script> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> </head> <script> /*** 发送传真弹出自动延时关闭对话框*/function myAlert(showstr){ //传递alert框里要显示的信息 var alertInfo = showstr; //设定停留的时间为3000ms，即3秒 var timer = 1000; //在页面中新建一个框架frame，以便在该frame中弹出一个非模态对话框 document.body.innerHTML += "<iframe style='display:none;' width='500' name='ifrtemp'></iframe>"; //在非模态对话框中弹出一个alert框，并立即关闭该非模态对话框 ifrtemp.showModelessDialog("javascript:alert('"+alertInfo+"');window.close();", "", "status:no;resizable:no;help:no;dialogHeight:530px;dialogWidth:40px;"); //停留一段时间后强行关闭alert窗口 setTimeout("ifrtemp.location.reload();",timer); } </script><body> <input type="button" value="弹出alert框,一秒后自动关闭;" onClick="JavaScript:myAlert('不点击确定三秒后自动跳转')"> </body></html><HTML><HEAD><title>【孟宪会之精彩世界】之.NET开发者园地</title><META http-equiv="content-type" content="text/html; charset=gb2312"/><base href="http://dotnet.aspx.cc/"><LINK href="Images/favicon.ico" rel="Shortcut Icon"/><LINK href="Detail.css" type="text/css" rel="stylesheet"/></HEAD><body><div id="eMeng" style="BORDER-RIGHT:#455690 1px solid; BORDER-TOP:#a6b4cf 1px solid; Z-INDEX:99999; LEFT:0px; VISIBILITY:hidden; BORDER-LEFT:#a6b4cf 1px solid; WIDTH:180px; BORDER-BOTTOM:#455690 1px solid; POSITION:absolute; TOP:0px; HEIGHT:116px; BACKGROUND-COLOR:#c9d3f3"><table width="100%" border="0" cellpadding="0" cellspacing="0" style="BORDER-TOP:#ffffff 1px solid; BORDER-LEFT:#ffffff 1px solid"bgcolor="#cfdef4"><tr><td height="24" width="26" style="FONT-SIZE:12px;BACKGROUND-IMAGE:url(Images/msgTopBg.gif);COLOR:#0f2c8c"valign="middle"><img src="Images/meng.gif" hspace="5" align="absMiddle" vspace="1"/></td><td style="FONT-WEIGHT:normal;FONT-SIZE:9pt;BACKGROUND-IMAGE:url(Images/msgTopBg.gif);COLOR:#1f336b;PADDING-TOP:4px"valign="middle" width="100%">温馨提示：</td><td style="BACKGROUND-IMAGE:url(Images/msgTopBg.gif);PADDING-TOP:2px" valign="middle"width="19" align="right"><img src="Images/msgClose.jpg" hspace="3" style="CURSOR:pointer" onclick="closeDiv()" title="关闭"/></td></tr><tr><td colspan="3" height="90" style="PADDING-RIGHT:1px;BACKGROUND-IMAGE:url(Images/msgBottomBg.jpg);PADDING-BOTTOM:1px"><div style="BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 13px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 13px; FONT-SIZE: 9pt; PADDING-BOTTOM: 13px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 18px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%">请打开您的音箱收听不同的音乐吧，随机播放。快试试吧！：）<br/><div align="center"><a href="#" onclick="window.parent.frames['TopMusic'].location='Play.aspx';return false"style="FONT-WEIGHT:bold;COLOR:navy">收听全部</a></div></div></td></tr></table></div><script language="JavaScript" type="text/javascript">var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;function getMsg(){try{divTop = parseInt(document.getElementById("eMeng").style.top,10)divLeft = parseInt(document.getElementById("eMeng").style.left,10)divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)docWidth = document.body.clientWidth;docHeight = document.body.clientHeight;document.getElementById("eMeng").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;// divHeightdocument.getElementById("eMeng").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidthdocument.getElementById("eMeng").style.visibility="visible"objTimer = window.setInterval("moveDiv()",10)}catch(e){}}function resizeDiv(){i+=1if(i>1288) closeDiv()try{divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)docWidth = document.body.clientWidth;docHeight = document.body.clientHeight;document.getElementById("eMeng").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10)document.getElementById("eMeng").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10)}catch(e){}}function moveDiv(){try{if(parseInt(document.getElementById("eMeng").style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10))){window.clearInterval(objTimer)objTimer = window.setInterval("resizeDiv()",1)}divTop = parseInt(document.getElementById("eMeng").style.top,10)document.getElementById("eMeng").style.top = divTop - 1}catch(e){}}function closeDiv(){document.getElementById('eMeng').style.visibility='hidden';if(objTimer) window.clearInterval(objTimer)}window.onload = getMsg;window.onresize = resizeDiv;window.onerror = function(){}</script></body></HTML>