弹出窗口 – 设计之家 //www.laura-marie.com 传播先进设计理念 推动原创设计发展 Sat, 25 Feb 2017 16:21:00 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9.4 35个漂亮的网页弹框设计 //www.laura-marie.com/47122.html //www.laura-marie.com/47122.html#respond Sat, 25 Feb 2017 16:12:26 +0000 Overlay

Pop-Up

Pop-Up

Pop Up Window

Pop Up

Pop-Up

Popup Overlay

Pop-Up / Overlay

Daily UI

Pop-Up/Overlay

Pop Up Overlay

Daily UI #016

Pop-Up / Overlay

Pop-Up

Daily UI

Free PSD

Day 016

Pop-up window

Pop-Up / Overlay

Pop up

Daily UI #016

]]> //www.laura-marie.com/47122.html/feed 0 根据内容自动调整弹出窗口大小的JS解决方案 //www.laura-marie.com/10069.html //www.laura-marie.com/10069.html#respond Thu, 05 Oct 2006 23:56:00 +0000 　问题 

　　在弹出窗口时，根据窗口的内容来自动调节窗口的大小，窗口如果已经和屏幕相等大小时则出现滚动条。

　　解决方案

　　在弹出的页面中添加一JS脚本方法win_onLoad()，在body的onload方法中引用win_onLoad()，在body中添加表，表的id取名为tbllist，窗口的大小就是这个table的大小在宽和高上分别加50。

　　部分代码如下：

<script language=javascript>
function win_onLoad(){
var width = document.all[“tblKsList“].offsetWidth;    
var height = document.all[“tblKsList“].offsetHeight; 

width = eval(width + 50);
height = eval(height + 50);

if (width < 500)
width = 500;
else if (width > screen.width)
width = screen.width;

if (height < 400)
height = 400;
else if (height > screen.height)
height = screen.height;

//alert(width);alert(height);
window.resizeTo(width,height);
}
</script>

<head></head>
<BODY bgcolor=”0099CC” leftmargin=”0″ topmargin=”0″ marginwidth=”0″ marginheight=”0″ onload=”win_onLoad();”>

<TABLE width=”95%” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”table-left1-right2″  style=”border:1 solid #000000″ id=”tblList”>
<TR>
<TD width=”100%” valign=”top” colspan=2>
 欢迎使用！
</TD>
</TR>
</TABLE>
</BODY>

]]> //www.laura-marie.com/10069.html/feed 0