联动菜单的演示效果[网页特效]

王朝html/css/js·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

<!-- http://www.knowsky.com -->

<!-- bbs http://bbs.knowsky.com -->

<!--要完成此效果需要两个步骤

第一步:把如下代码加入到<head>区域中-->

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

function expandingWindow(website) {

var heightspeed = 2; // vertical scrolling speed (higher = slower)

var widthspeed = 7; // horizontal scrolling speed (higher = slower)

var leftdist = 0; // distance to left edge of window

var topdist = 0; // distance to top edge of window

if (document.all) {

var winwidth = window.screen.availWidth - leftdist;

var winheight = window.screen.availHeight - topdist;

var sizer = window.open("","","left=" + leftdist + ",top=" + topdist + ",width=1,height=1,scrollbars=yes");

for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed) {

sizer.resizeTo("1", sizeheight);

}

for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed) {

sizer.resizeTo(sizewidth, sizeheight);

}

sizer.location = website;

}

else

window.location = website;

}

// End -->

</script>

<!--第二步:把如下代码加入到<body>区域中-->

<a href="index.htm" onClick="expandingWindow('index.htm');return false;">点击链接看效果</a>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有  導航