优内建站网,专业建站,企业建站,免费建站,智能建站,个人建站!
主营企业建站,seo优化,手机网站,微信网站开发等业务!>> 繁体中文
用户名: 密 码: 验证码:    
企业建站,专业建站,模板建站,智能建站
 您现在的位置:首页 >> 网页三剑客 >> 详细内容>>        【字体:  】【颜色: 绿

无边网页窗口的制作

在百度搜索关于“无边网页窗口的制作”的内容

在谷歌搜索关于“无边网页窗口的制作”的内容

买空间、服务器就上威客主机网(VK163.COM) 虚拟主机评测+IDC导航=威客主机之家 标志设计
[内容提要] 首先要做一个索引页,也就是你要首先打开的页面,比如index.htm  这个页面里不需要任何的内容,他的作用就是制造一个无框页面然后把它滑入页面,然后关闭自己的这个索引页,只要在这个页面的body里加入如下代码:!--HHCtrlObject--objectid="Clo...

作者: 优内科技  来源: 优内科技  驻站日期:2009/8/15 【 加入收藏 】 【 打印此页 】 【 关闭

首先要做一个索引页,也就是你要首先打开的页面,比如 index.htm

  这个页面里不需要任何的内容,他的作用就是制造一个无框页面然后把它滑入页面,然后关闭自己的这个索引页,只要在这个页面的<body>里加入如下代码:


<!-- HHCtrl Object -->
<object id="CloseWindow" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
<script>
var w=640,h=420;
var xpos=0,ypos=0,targetx=(screen.width-w)/2,targety=(screen.height-h)/2;
function go()
{
if (targetx-xpos>1)
{ xpos=(targetx+9*xpos)/10;
popup.moveTo(xpos,targety); }
else
{ clearTimeout(mm);
this.focus();
CloseWindow.Click(); }
mm=setTimeout("go()",10);
}
self.moveTo(-2222,-2222);
var appName=navigator.appName;
//判断不是Netscape,Opera或Tencent Explorer
if (appName.indexOf('Microsoft')!=-1 && document.body.clientTop==2 && window.external.x!='Wibble')
{
var popup=window.open('winmove.htm','','fullscreen=1');
popup.moveTo(-1800,targety);
popup.resizeTo(w,h);
setTimeout("go()",500);
}
else
{ alert("请使用IE5.0或其以上版本浏览,谢谢!"); }
</script>

  讲到这里,滑入的效果就OK了,现在讲滑出,开始我以为在关闭窗口的**图片里定义javascript:close()就可以关闭滑出了,可是发现只能关闭,但是不是滑出关闭,后来才知道这需要一个script才行

  代码如下,把这个代码加入到引用页里,也就是这个示例的winmove.htm这里页里:

<script>
var w=640,h=420;
var xstep=0,targetx=(screen.width-w)/2,targety=(screen.height-h)/2;
function exit()
{
if(xstep+targetx<screen.width)
{ xstep=0.1+xstep*2;
window.moveTo(targetx+xstep,targety); }
else
{ clearTimeout(mo);
window.close(); }
mo=setTimeout("exit()",10);
}
</script>

  然后在关闭窗口的**图片上这样做:

<img src="http://www.45it.com/htmldata/2005-12-12/close_d.gif" alt="close window" onclick='exit()' style="cursor:hand" width="11" height="11">

  最小化图片链接代码

<img src="http://www.45it.com/htmldata/2005-12-12/images/min.gif" border="0" alt="min window" onclick='min()' style="cursor:hand" width="11" height="11">

  最小化的script

<object id="HHCtrl" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Minimize">
</object>
<script>
<!--
function min(){
this.focus();HHCtrl.Click(); }
-->
</script>

  最后要说的一点是winmove这个页面要定义一下css,把页面的滚动条定义为无,否则无框页面会存在一个滚动条的

<style type="text/css">
<!--
body { overflow:hidden }
-->
</style>

添加到QQ书签 百度收藏 订阅到抓虾 添加到鲜果  新浪ViVi  365Key网摘  天极网摘  我摘  和讯网摘  yahoo  收藏到收客网  Digbuzz我挖网  添加到饭否  挖客  添加到google  

   【回到顶部】 【返回文章列表】 编辑:优内科技
⊕ 上一篇:html编辑器的回车换行问题解决方案
⊕ 下一篇:iframe的高度随内容的变化而变化
  相关新闻
返回首页 | 设为首页 | 添加收藏 | 关于我们 | 联系我们 | 企业文化 | 合作伙伴 | 诚聘英才 | 网站报价 | 企业资质 | 网站地图
邮箱登陆 E- mail:master@cck5.com 点击这里给我发消息 客服专员 QQ:310203268 点击这里给我发消息 技术咨询 QQ:22071287点击这里给我发消息 代理备案 QQ:529631515
丰富的网站建设经验,专业提供网站建设、网站制作、网页设计服务,专业设计,真诚服务,不满意不收费!
Copyright 2008 - 2025 cck5 Inc. All Rights Reserved 优内建站网络科技公司
本站部分资源来自网络,如有侵犯您的版权,请告之,我们将即刻删除!QQ:310203268
主要业务:网站建设企业建站专业建站智能建站SEO优化微信建站手机建站
本站ICP备案号:浙ICP备11019299号 中国电信增值ICP经营许可证
不良信息举报中心 江西网警 信息产业部门备案 企业法人营业执照
 
扫优内微信二维码
“码”上有惊喜