通行证: 用户 密码 域名空间  下载中心 社区论坛 信息公告 my小屋
联系我们
设为首页
加入收藏

 

qq,asp,php,jsp,xml,sql,.net,编程 程序 网页图象 建站经验 私服
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿
论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图
专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版
社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 网络赚钱 | 网站地图 | 广告服务 | 服务
当前位置:首页>>网页设计>>网页特效>>正文 新版上线![旧版]
注:打开慢时请稍等
我有我主张!随心所欲的定制“弹出窗口”

http://www.iyit.net  日期:2006-5-5 9:59:36  来源:中国站长学院  点击:
参加讨论

常泡在网上的朋友对“弹出窗口”一定不会陌生,像新浪、163等网站,一进入首页立刻就会弹出一个窗口,里面通常是一些告示信息,或者flash广告等等。其实这样的效果很容易实现,大家随我一起动手吧!

不加修饰的弹出窗口
将下面这段代码插入你的页面中,在页面加载时就会自动弹出一个窗口,并打开google搜索引擎,是不是很简单啊!

将代码放置在〈!—xxx --〉中间是为了兼容较低版本浏览器的需要,在低版本的浏览器中标签内的内容将被视作注视。

打开的页面使用绝对路径(http://)或相对路径(../page.htm)都可以。
示例代码1:
〈script language="javascript"〉
〈!--
window.open('http://www.google.com');
//--〉
〈/script〉

修饰弹出窗口
使用下面这段代码,我们可以对弹出窗口做更多的控制,包括窗口大小、窗口位置、是否带工具栏、是否可以改变大小等等。

示例代码2:
〈script language="javascript1.2" type="text/javascript1.2"〉
var popupwin=0;
function popupwindow()
{
//判断该窗口(popupwin)是否已经存在,如果已经存在,则先关闭窗口,然后再打开新窗口
if(popupwin)
{
if(!popupwin.closed) popupwin.close();
}
//根据参数定位弹出窗口的展示位置
popupwin = window.open(‘page.htm’, 'popupwin', 'toolbar=no,location=no,
directories=no,status=no,menub ar=no,scrollbar=no,resizable=no,copyhistory=yes,width=100,height=100,
left=100,top=100,screenx=100,screeny=100’);
}
〈/script〉

弹出窗口参数一览
弹出窗口的命令格式:“window.open(‘urlstr’, ‘windowname’, ‘property’);”,其中:
1.window.open命令用于在网页上弹出一个新窗口。
2.urlstr:弹出窗口所显示的页面
3.windowname:弹出窗口的名称,可以任意指定,也可以用’’来代替
4.property:用于控制弹出窗口显示的属性,具体可控制的参数有:
5.toolbar:是否显示浏览器工具栏,yes为显示,no为不显示
6.location:是否显示游览器地址栏,yes为显示,no为不显示
7.directories:是否显示目录按钮,yes为显示,no为不显示
8.status:是否显示状态栏,yes为显示,no为不显示
9.menubar:是否显示菜单条,yes为显示,no为不显示
10.scrollbar:是否激活水平和垂直流动条,yes为显示,no为不显示
11.resizable:是否可以改变窗口大小,yes为显示,no为不显示
12.width:指定窗口的宽度,以像素为单位
13.height:指定窗口的高度,以像素为单位
14.left:指定窗口距屏幕左端的距离,以像素为单位
15.top:指定窗口距屏幕顶端的距离,以像素为单位
16.screenx:等同于left属性
17.screeny:等同于top属性



编辑:黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇:javascript 中的replace方法
下一篇:javascript技术讲座-javascript语言概况
转载请注明来源:www.iyit.net
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

 相关文章
最新更新 热点排行 推荐新闻
javascript实例教程(3-2)
javascript实例教程(3-1)
javascript实例教程(2) 创建弹出式窗
javascript实例教程(1) 目录
荧光文字
在frontpage 2000中插入flash动画
用frontpage 2000使图像“减肥”
提高frontpage 2002使用效率
用frontpage 2000创建网页动画
用frontpage 2000巧做样式表
用frontpage 2000制作鼠标光照特效
用frontpage轻松转换图片格式
frontpage10全透视教程(9)
frontpage10全透视教程(8)
frontpage10全透视教程(7)
javascript实例教程(3-2)
javascript实例教程(3-1)
javascript实例教程(2) 创建弹出式窗
javascript实例教程(1) 目录
荧光文字
qq珊瑚虫外挂4.0版本发布!
多个广告位招商!
摄影后期系列一:1分钟为数码相片去红眼
qq挂机说明
asp进度条
photoshop通道抠图:给秀发飞扬的mm照
教您显示器亮度对比度的调节
新版上线,今日正式开通!!!
更多精彩图文广告等着您!
asp中使用sql语句教程
第二十章 开发delphi对象式数据管理功
sql简明教程(1)
vbscript和javascript互相调用 
jsp教程(四)-jsp actions的使用
操作系统被入侵后的修复过程
五一别忘电脑防毒 养成良好上网习惯
google对ie浏览器将捆绑搜索功能表担忧
新版上线,今日正式开通!!!
用photoshop创意图形“岁月”
摄影后期系列一:1分钟为数码相片去红眼

 友情链接
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
copyrights © 2004-2006 iyit.net all rights reserved.
网站合作、广告联系qq:147007642、466949678
易特网络技术 点击这里给我发消息