<head>
<style type="text/css">
.contents {
font-family: "宋体", Arial;
font-size: 12px;
color: #333333;
line-height: 18px;
text-decoration: none;
}
a.contents:link {
font-family: "宋体", Arial;
color: #333333;
font-size: 12px;
line-height: 18px;
text-decoration: none;
}
a.contents:hover {
font-family: "宋体",Arial;
color: #333333;
font-size: 12px;
line-height: 18px;
text-decoration: underline;
}
.tbl {table-layout:fixed}
.td {overflow:hidden;}
</style>
</head>
<div align="center" id="demo" style="overflow:hidden;height:200px;width:180px;border-width:0px 0px 0px 0px;border-style:dotted dotted dotted dotted;">
<div align=center id="demo1">
<table width="90%" class="tbl" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top" width="4%"><img src="http://www.aygfsteel.com/images/19.gif" width="7" height="7"></td>
<td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=253" class="contents">北京博采人科技开发有限公?lt;/a></div></td>
</tr>
<tr>
<td valign="top" width="4%"><img src="http://www.aygfsteel.com/images/19.gif" width="7" height="7"></td>
<td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=140" class="contents">北京华昌实业U技有限公司</a></div></td>
</tr>
<tr>
<td valign="top" width="4%"><img src="http://www.aygfsteel.com/images/19.gif" width="7" height="7"></td>
<td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=238" class="contents">北京华星数码U技有限公司</a></div></td>
</tr>
<tr>
<td valign="top" width="4%"><img src="http://www.aygfsteel.com/images/19.gif" width="7" height="7"></td>
<td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=883" class="contents">北京联盛汇源UN有限公司</a></div></td>
</tr>
<tr>
<td valign="top" width="4%"><img src="http://www.aygfsteel.com/images/19.gif" width="7" height="7"></td>
<td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=885" class="contents">北京盛祥世纪发展有限公司</a></div></td>
</tr>
<tr>
<td valign="top" width="4%"><img src="http://www.aygfsteel.com/images/19.gif" width="7" height="7"></td>
<td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=147" class="contents">北京世纪佌_办公讑֤销售中?lt;/a></div></td>
</tr>
<tr>
<td valign="top" width="4%"><img src="http://www.aygfsteel.com/images/19.gif" width="7" height="7"></td>
<td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=239" class="contents">北京世纪亚鹏U技有限公司</a></div></td>
</tr>
<tr>
<td valign="top" width="4%"><img src="http://www.aygfsteel.com/images/19.gif" width="7" height="7"></td>
<td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=909" class="contents">北京索安视讯U技有限公司</a></div></td>
</tr>
<tr>
<td valign="top" width="4%"><img src="http://www.aygfsteel.com/images/19.gif" width="7" height="7"></td>
<td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=872" class="contents">北京l创铭网l科技有限公司</a></div></td>
</tr>
<tr>
<td valign="top" width="4%"><img src="http://www.aygfsteel.com/images/19.gif" width="7" height="7"></td>
<td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=379" class="contents">北京喜?zhn)创业U技有限公司</a></div></td>
</tr>
<tr>
<td valign="top" width="4%"><img src="http://www.aygfsteel.com/images/19.gif" width="7" height="7"></td>
<td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=440" class="contents">北京C数码UN有限公司</a></div></td>
</tr>
<tr>
<td valign="top" width="4%"><img src="http://www.aygfsteel.com/images/19.gif" width="7" height="7"></td>
<td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=866" class="contents">北京宏工程咨询中心</a></div></td>
</tr>
<tr>
<td valign="top" width="4%"><img src="http://www.aygfsteel.com/images/19.gif" width="7" height="7"></td>
<td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=887" class="contents">q州合意数码U技公司</a></div></td>
</tr>
<tr>
<td valign="top" width="4%"><img src="http://www.aygfsteel.com/images/19.gif" width="7" height="7"></td>
<td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=809" class="contents">誉在线国际文化传媒Q北京）有限公司</a></div></td>
</tr>
<tr>
<td valign="top" width="4%"><img src="http://www.aygfsteel.com/images/19.gif" width="7" height="7"></td>
<td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=1054" class="contents">深圳京华数码q州l营?lt;/a></div></td>
</tr>
</table>
</div>
<div align="center" id="demo2"></div>
</div>
</html>
<script language="javascript" type="text/javascript">
<!--
var demo = document.getElementById("demo");
var demo1 = document.getElementById("demo1");
var demo2 = document.getElementById("demo2");
var speed=50; //滚动速度|D大速度慢
demo2.innerHTML = demo1.innerHTML //克隆demo2为demo1
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0) //当滚动至demo1与demo2交界?br /> demo.scrollTop-=demo1.offsetHeight //demo跛_最端
else{
demo.scrollTop++
}
}
var MyMar = setInterval(Marquee,speed); //讄定时?br />demo.onmouseover = function(){clearInterval(MyMar)} //鼠标l过时清除定时器辑ֈ滚动停止的目?br />demo.onmouseout = function(){MyMar = setInterval(Marquee,speed)} //鼠标Ud旉讑֮时器
-->
</script>
]]>
<!--
function marquee1()
{
document.write("<marquee behavior=scroll direction=up width=140 height=130 scrollamount=1 scrolldelay=60 onmouseover='this.stop()' onmouseout='this.start()'>")
}
function marquee2()
{
document.write("</marquee>")
}
// -->
</SCRIPT>
<SCRIPT language=JavaScript>marquee1();</SCRIPT>
q里是滚动内容，可以直接写入代码
<SCRIPT language=JavaScript>marquee2();</SCRIPT>
]]>
<script language=javascript>
function resize_img()
{
box=document.all("imgbox");
imgall=box.getElementsByTagName("img");
for(n=0;n<imgall.length;n++)
{
if(imgall[n].width>=imgbox.width)
imgall[n].width=imgbox.width;
}
}
</script>
<body onload=resize_img()>
<table width="500" id=imgbox>
<tr>
<td style="word-break:break-all" width="500">
<%=context%></font>
</td>
</tr>
</table>
]]>
<!--
.a {FONT-SIZE: 12px; COLOR: #91002f; LINE-HEIGHT: 18px; FONT-FAMILY: "宋体"
}
.b {BORDER-RIGHT: #FF9933 1px dotted; BORDER-TOP: #FF9933 1px dotted; BORDER-LEFT: #FF9933 1px dotted; BORDER-BOTTOM: #FF9933 1px dotted
}
.style1 {color: #FF9933}
-->
</style>
<TABLE cellSpacing=0 cellPadding=0 width=381 align=center border=0>
<TR>
<TD class=b height=23>
<DIV align=center class=a style1>虚线Ҏ(gu)表格</DIV></TD>
</TR>
</TABLE>
]]>
支持环境Q?/strong>
JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+
基本语法Q?/strong>
window.open(pageURL,name,parameters)
其中Q?br />pageURL 为子H口路径
name 为子H口句柄
parameters 为窗口参?各参数用逗号分隔)
CZQ?/strong>
<SCRIPT>
<!--
window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
//写成一?
-->
</SCRIPT>
脚本q行后，page.html在新窗体newwindow中打开Q宽?00Q高?00Q距屏顶0象素Q屏?象素Q无工具条，无菜单条Q无滚动条，不可调整大小Q无地址栏，无状态栏?br />请对照?
上例中涉及的为常用的几个参数Q除此以外还有很多其他参数?
各项参数Q?br />其中yes/no也可使用1/0Qpixel value为具体的数|单位象素?
参数 | 取D?| 说明
alwaysLowered | yes/no | 指定H口隐藏在所有窗口之?
alwaysRaised | yes/no | 指定H口(zhn)Q在所有窗口之?
depended | yes/no | 是否和父H口同时关闭
directories | yes/no | Nav2?的目录栏是否可见
height | pixel value | H口高度
hotkeys | yes/no | 在没菜单栏的H口中设安全退出热?
innerHeight | pixel value | H口中文档的像素高度
innerWidth | pixel value | H口中文档的像素宽度
location | yes/no | 位置栏是否可?
menubar | yes/no | 菜单栏是否可?
outerHeight | pixel value | 讑֮H口(包括装饰Ҏ(gu))的像素高?
outerWidth | pixel value | 讑֮H口(包括装饰Ҏ(gu))的像素宽?
resizable | yes/no | H口大小是否可调?
screenX | pixel value | H口距屏q左边界的像素长?
screenY | pixel value | H口距屏q上边界的像素长?
scrollbars | yes/no | H口是否可有滚动?
titlebar | yes/no | H口题目栏是否可?
toolbar | yes/no | H口工具栏是否可?
Width | pixel value | H口的像素宽?
z-look | yes/no | H口被激zd是否在其它H口之上
二?strong>window.showModalDialog使用手册
基本介绍Q?/strong>
showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog()Ҏ(gu)用来创徏一个显CHTML内容的模态对话框?br />window.showModelessDialog()Ҏ(gu)用来创徏一个显CHTML内容的非模态对话框?
使用Ҏ(gu)Q?br />vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
参数说明Q?/strong>
sURL--
必选参敎ͼcdQ字W串。用来指定对话框要显C的文档的URL?br />vArguments--
可选参敎ͼcdQ变体。用来向对话框传递参数。传递的参数cd不限Q包括数l等。对话框通过window.dialogArguments来取得传递进来的参数?br />sFeatures--
可选参敎ͼcdQ字W串。用来描q对话框的外观等信息Q可以用以下的一个或几个Q用分号?”隔开?br />1.dialogHeight :对话框高度，不小于１Q０pxQﾃQ４中dialogHeight ?dialogWidth 默认的单位是emQ而ﾃQ５中是pxQؓ方便其见Q在定义modal方式的对话框Ӟ用px做单位?br />2.dialogWidth: 对话框宽度?br />3.dialogLeft: dq左的距R?br />4.dialogTop: dq上的距R?br />5.center: {yes | no | 1 | 0 }Q窗口是否居中，默认yesQ但仍可以指定高度和宽度?br />6.help: {yes | no | 1 | 0 }Q是否显C帮助按钮，默认yes?br />7.resizable: {yes | no | 1 | 0 } QﾃQ５Q］Q是否可被改变大。默认no?br />8.status: {yes | no | 1 | 0 } QIE5+Q：是否昄状态栏。默认ؓyes[ Modeless]或no[Modal]?br />9.scroll:{ yes | no | 1 | 0 | on | off }Q指明对话框是否昄滚动条。默认ؓyes?br />下面几个属性是用在HTA中的Q在一般的|页中一般不使用?br />10.dialogHide:{ yes | no | 1 | 0 | on | off }Q在打印或者打印预览时对话框是否隐藏。默认ؓno?br />11.edge:{ sunken | raised }Q指明对话框的边框样式。默认ؓraised?br />12.unadorned:{ yes | no | 1 | 0 | on | off }Q默认ؓno?
参数传递：
1.要想对话框传递参敎ͼ是通过vArguments来进行传递的。类型不限制Q对于字W串cdQ最大ؓ4096个字W。也可以传递对象，例如Q?br />-------------------------------
parent.htm
<script>
var obj = new Object();
obj.name="51js";
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>
var obj = window.dialogArguments
alert("(zhn)传递的参数为：" + obj.name)
</script>
-------------------------------
2.可以通过window.returnValue向打开对话框的H口q回信息Q当然也可以是对象。例如：
------------------------------
parent.htm
<script>
str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(str);
</script>
modal.htm
<script>
window.returnValue=" http://www.×××.com ";
</script>
]]>