域名注册
|
虚拟主机
|
数据库
|
设为主页
|
加入收藏
|
天诚搜索
|
RSS
网站套餐
Package
基础特惠型网站
企业标准型网站
企业大户型网站
商务政务型网站
功能单项报价表
最新推荐
Recommended
4年网络创业经历
Dreamweaver表格经验谈
61.183.41.123数据重新上传通…
局域网arp病毒
用途相似的标签
CSS网页标准制作关于网页表单…
中国互联网13年大事记
ECSHOP 显示指定分类下的文章…
您现在的位置:
天诚世纪
>>
技术中心
>>
网页特效
>>
窗口特效
>> 正文
随同主窗口同时弹出的附加小窗口
作者:
天诚世纪
更新时间:2009-6-24 10:54:01
来源:
天诚世纪
以下是HTML网页特效代码,点击运行按钮可查看效果:
<html> <head><script>window.open('../index.asp','网页特效','toolbar=no,status=no,scrollbars=yes,left=100,top=50,width=250,height=50')</script> <title>随同主窗口同时弹出的附加小窗口</title> <meta content="text/html; charset=gb2312" http-equiv="Content-Type"> <style type="text/css">.head { COLOR: white; FONT-SIZE: 12px } .text { COLOR: #4a5284; FONT-SIZE: 12px; LINE-HEIGHT: 20px } .info { FONT-SIZE: 12px; LINE-HEIGHT: 20px } A { COLOR: #4a5284; FONT-SIZE: 12px; TEXT-DECORATION: none } A:hover { COLOR: #ff7222; FONT-SIZE: 12px; TEXT-DECORATION: underline } </style> </head> <body> <table border="0" cellPadding="0" cellSpacing="0" width="100%" height="168"> <TBODY> <tr> </tr> <tr> </tr> <tr> </tr> </TBODY> </table> <table bgColor="#7e85b7" border="1" borderColorDark="#663300" borderColorLight="#ffffff" cellPadding="1" cellSpacing="2" class="head" width="100%"> <TBODY> <tr align="middle"> </tr> </TBODY> </table> <table border="0" cellPadding="0" cellSpacing="0" width="100%"> <TBODY> <tr> <td><table align="center" border="0" cellPadding="0" cellSpacing="0" class="text" width="482"> <TBODY> <tr> <td width="482"><dl> <dd align="center"><br> <font face="隶书" size="5" color="#0000FF">随同主窗口同时弹出的附加小窗口</font><br> </dd> <p> 打开一个窗口时自动弹出一个附加的小窗口,表示新消息公告、重要提示信息、当然,如果如果你是在用一些网站提供的免费空间做主页的话,一般要设置这样一个小窗口加入空间提供者的一些连接消息,如现在网易就是这样做的,<font face="宋体">弹出的附加小窗口有各种形式,如没有工具栏的、没有滚动条的,其实制作并不难,</font>这里,将有关方法全盘提供,你可以重新加载本页,或单击工具栏按钮“刷新”,试一下,效果还不错吧!</p> <p> 点击一个链接新开一个窗口,而新开的窗口又与一般的浏览器窗口不同,看起来挺简洁清爽的? <br> 其实这不怎么复杂,用script语言的一个函数就可以了,这就是window对象的open函数,给大家详细讲一下这个函数的具体用法吧! <br> 1、开窗口: <br> var hWnd=window.open('文件URL','窗口名称','窗口特性选项'),现一一讲述 <br> hWnd:如果熟悉window编程的话,对它并不陌生,它表示窗口句柄,代表窗口对象,进行脚本编程时很有用,通过它可实现在父窗口中实现对子窗口的控制。 <br> 文件URL:表示欲打开文件的URL地址,如果打开文件在本地服务器可用相对路径,否则就必须用URL路径。 <br> 窗口名称:表示打开窗口的名称,这个参数可要可不要,不过如果你用脚本语言进行编程需要在两个窗口之间传递一些信息或参数时就需要了,我们可用window.name来取这个传递的参数值。 <br> 窗口特性选项其书写格式为:option1=值,option2=值,option3=值 <br> 特性值主要有以下这些: </p> <p>选项 数值 意义 <br> toolbar yes/no 窗口是否有工具栏 <br> location yes/no 窗口是否显示地址栏 <br> directories yes/no 窗口是否提供目录按钮 <br> status yes/no 窗口底部是否显示状态栏 <br> menubar yes/no 窗口是否有菜单栏 <br> scrollbars yes/no 当内容显示不完时,窗口是否允许出现滚动条 <br> resizable yes/no 窗口是否允许被缩放 <br> width 整数值(Integer) 窗口的宽度 <br> height 整数值(Integer) 窗口的高度 <br> left 整数值(Integer) 窗口离屏幕左边的距离即坐标X(屏幕左上角坐标为0,0) <br> top 整数值(Integer) 窗口离屏幕顶部的距离即坐标Y </p> <p> 好了,上边的特性值中最常用的有Toolbar,scrollbars,width,heigth,top,left等,你不妨一个一个试试看,举一个例(用Javascript编写): <br> var myWindow=window.open('test.html','网页陶吧', 'toolbar=no,status=no,scrollbars=yes,left=100,top=50,width=500,height=450') <br> 2、关闭窗口: <br> 如果你在当前窗口关闭自己,用window对象的close函数就可以了 <br> 格式为:window.close() <br> 如果是在父窗口关闭子窗口,其格式为 <br> 用子窗口句柄.close() <br> 如关闭上边举例所开的窗口则可用:myWindow.close() <br> 至于点击一个链接打开一个新窗口,有一点要注意链接标志不仅可以链接文件,还可以链接Script语句哟。 <br> </p> </dl> </td> </tr> </TBODY> </table> </td> </tr> </TBODY> </table> <p align="center"><br> </p> </body> </html>
.
[提示:可先修改代码再按运行]
本文链接:http://www.tc-21.com/ITCenter/200906/20090624105401.html
上一篇文章:
定制打开的窗口
下一篇文章:
进入一个全屏幕窗口
更多关于
窗口特效
的新闻
相关文章
带颜色的欢迎窗口
很有意思的跳出窗口
关闭窗口
限时广告窗口
卷动公告窗口
自动关闭焦点窗口
非常酷的飞舞窗口
进入一个全屏幕窗口
::::::
网页模板
|
建站指导
|
视频教程
|
图片中心
|
在线咨询
|
网站运营
|
网站推广
|
图片素材
::::::
CopyRight 2007 All Rights Reserved 天诚世纪 版权所有
鄂ICP备12000046号
联系电话:18995527083 18995527081 QQ:448163207 32301667 Email:my_tc@126.com
::::::搜索关键字:
武汉网站制作
|
武汉做网站
|
武汉网站建设
|
武汉网页制作
|
天诚世纪
|
武汉网页制作公司
|
网页模板
|::::::