js之弹出式窗口代码生成器- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js之弹出式窗口代码生成器

Javascript: 用javascript实现的图片马赛克后显示并切换加文字功能; 通用的javascript　换行色换列色的小js; 滑动门,简洁,新手上路制作篇 (小鸽子系列); 文字模糊特效; javascript实现的又一个不错的滑动导航效果; css实现的图片模糊效果; javascript跟随鼠标x,y坐标移动的字效果; js实现用于建立新的一行且增加的四个文本框为空的且被禁用; XML+XSL 与 HTML 两种方案的结合; javascript生成/解析dom的CDATA类型的字段的代码; IE与FireFox的兼容性问题分析; 关于脚本操作文本域的问题; 刷新时清空文本框内容的js代码; 又一个不错的js浮动广告代码; 网页背景渐变效果代码; 非常漂亮的让背景如此暗淡（一种弹出提示信息时页面背景色调改变的方法）; [原创]jser必看的破解javascript各种加密的反向思维方法; eval(function(p,a,c,k,e,d)系列解密javascript程序; 从sohu弄下来的flash中展示图片的代码; 漂亮的widgets，支持换肤和后期开发新皮肤（2007-4-27已更新1.7alpha）

No. « ‹ 63 64 65 66 › »

技术文章搜索

关键字

Javascript 中的 js之弹出式窗口代码生成器

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 65 ::

收藏到网摘: n/a

javascript状态栏的字符先杂乱出现再排列组合的代码 javascript实现的制作特殊字的脚本

点击运行可以看到效果:

<div style="text-align:center; height:30px;"><h3>弹出式窗口代码生成器</h3></div>
要完成此效果把如下代码加入到<body>区域中
<table border=0 cellpadding=0 cellspacing=0 width="63%" align="center"> <tbody> <tr> <td width="0"> <table border=0 cellpadding=0 cellspacing=0 width="76%"> <tbody> <tr> <td width="464"> <div align="center"><b><font color=#7b9431 face=Arial size=3> <script language="JavaScript">
\n" + start + "BODY onLoad=\"javascript:popUp()\">";
}
if(howto == 'link') {
otherOutput = start + "!-- 步骤二: 用以下的链接打开一个新窗口 -->\n" + start + "A HREF=\"javascript:popUp()\">Open the Popup Window" + start + "/A>";
}
if(howto == 'button') {
otherOutput = start + "!-- 步骤二: 用以下的按钮代码打开一个新窗口-->\n" + start + "form>\n" + start + "input type=button value=\"Open the Popup Window\" onClick=\"javascript:popUp()\">\n" + start + "/form>";
}
scriptOutput = start + '!-- 请照以下步骤进行:\r\n\r\n'
+ '\r\n\r\n'
+ '<HEAD>\r\n\r\n' + start + 'SCRIPT LANGUAGE="JavaScript">\r\n'
+ 'function pop' + 'Up() {\n';
scriptOutput += "props=window.open('" + page + "', 'poppage', '" +
((toolbars) ? "toolbars=1, " : "toolbars=0, ") +
((scrollprops) ? "scrollbars=1, " : "scrollbars=0, ") +
((locations) ? "location=1, " : "location=0, ") +
((statusbars) ? "statusbars=1, " : "statusbars=0, ") +
((menubars) ? "menubars=1, " : "menubars=0, ") +
((resizeable) ? "resizable=1" : "resizable=0") +
((width) ? ", width=" + width : "") +
((height) ? ", height=" + height : "") +
((center) ? ", left = " + ((screen.width - width) / 2) : "") +
((center) ? ", top = " + ((screen.height - height) / 2) : "") +
"');\n}\n// End -->\n" + start + "/sc" + "ript>\n";
output = scriptOutput + "\n\n" + otherOutput + '\n\n' + start +'!--代码结束--'+'>';
document.mail.source.value = output;
document.mail.source2.value = output;
uncode();
}
-->
</script>
<font size="4">
</font></font></b>
<font size=3><b>弹出式窗口代码产生器</b></font> </div> <b><font size="2"></font></b>
<form name=inputForm> <table width="100%" border="0" cellspacing="0" cellpadding="1" bgcolor="#000000"> <tr><td> <table border=0 width=100% cellpadding="2" cellspacing="0" bgcolor="#bde6fd"> <tr> <td colspan="2"><font size="2" color=red><b>在新窗口里要打开的文件</b></font> <input type=text name=page size=40> <font size="2"><font size="1" color=red>(文件的名字或URL地址...) </font></font></td> </tr> <tr bgcolor="#FFFFFF"> <td colspan="2"><font size="2" color=red><b>请选择要显示的<font size="2"><b>窗口</b></font>元素</b></font></td> </tr> <tr bgcolor="#FFFFFF"> <td width="43%"> <input type=checkbox name=toolbars> <b><font face="Arial" size="2">toolbars</font></b></td> <td width="57%"> <input type=checkbox name=statusbars> <font face="Arial" size="2"><b>status bar</b></font></td> </tr><tr bgcolor="#FFFFFF"><td width="43%"> <input type=checkbox name=scrollit> <b><font face="Arial" size="2">scrollbars</font> </b></td> <td width="57%"> <input type=checkbox name=menubars> <b><font face="Arial" size="2">menu bar</font></b></td> </tr> <tr bgcolor="#FFFFFF"> <td width="43%"> <input type=checkbox name=locations> <b><font face="Arial" size="2">location bar</font> </b></td> <td width="57%"> <input type=checkbox name=resizeable> <b><font face="Arial" size="2">resizeable</font> </b></td> </tr> <tr> <td colspan="2"><font size="2" color=red><b>输入窗口的大小(缺省是满屏打开)</b></font></td> </tr> <tr> <td width="43%"><font face="Arial" size="2"><b> Witdh <input type=text name=width size=4> </b> <font face="Verdana" size="1"> (in pixels)</font></font></td> <td width="57%"> <font face="Arial" size="2"><b>Height</b></font> <input type=text name=height size=4> <font face="Verdana" size="1">(in pixels)</font> </td> </tr> <tr bgcolor="#FFFFFF"> <td colspan="2"><font size="2" color=red><b>窗口打开方式</b></font></td> </tr> <tr bgcolor="#FFFFFF"> <td width="100%" colspan="2"><font face="Arial" size="2"></font> <select name=howtoopen> <option value="button" selected>点按钮</option> <option value="link">点超链</option> <option value="body">自动</option> </select> </td> </tr> <tr> <td width="100%" colspan="2"><font face="Arial" size="2"></font> <input type=checkbox name=center> <font size="2" color=red><b>让窗口出现在屏幕正中间？</b></font></td> </tr> <tr> <td colspan=2> <center> <input type=button value="产生代码!" onClick="javascript:generate();" name="button"> </center> </td> </tr> </table> </td> </tr> </table> </form> <form name="mail" action="" method="POST" onSubmit="return checkCodeMail()"> <table width="100%" border="0" cellspacing="0" cellpadding="1" bgcolor="#000000"> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#BBB7F4"> <tr align="center"> <td> <font size="2" color=#FFFFCC><b>把下面代码Copy到程序中:</b></font> <input type=hidden name=scriptname value="Popup Window Maker"> <textarea name="source" rows=6 cols=50 class=9pt></textarea> <input type=hidden name="source2"> </td> </tr> </table> </td> </tr> </table> <center> </center> </form> </td> </tr> </tbody> </table> </td> </tr> </tbody>
</table>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

javascript状态栏的字符先杂乱出现再排列组合的代码 javascript实现的制作特殊字的脚本

Javascript 中的 js之弹出式窗口代码生成器

评论 (0) All