制作弹出公告窗口

Ailesababy

Ailesababy

2016-02-19 17:34

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的制作弹出公告窗口,希望大家看完后能赶快学习起来。

  有时我们需要采用公告窗口来展示一些重要的信息,所谓公告窗口是指我们浏览主页时,随主页面的加载而自动弹出的小窗口,公告窗口中一般会放上新闻、布告的信息。下面我们看看怎样用几句简单的JavaScript语句来实现它。

  方法一:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  在head/head之间插入如下一段JavaScript代码:

script language="JavaScript"!--var gt = unescape('%3e');var popup = null;var over = "Launch Pop-up Navigator";popup = window.open('', 'popupnav', 'width=200,height=170,resizable=0,scrollbars=auto');if (popup != null) {if (popup.opener == null) {popup.opener = self;}popup.location.href = 'test.htm';}// --/script

  方法二:

  直接在body与/body插入如下一段代码:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
script language="JavaScript"window.open("test.htm","测试公告窗口","width=340,height=163,toolbar=0,status=0,menubar=0,resize=0");/script

  方法是直接在head与/head之间插入一段JavaScript代码(你可以选择上面两段之一,它们的作用是相同的),其中windows.open()的作用是打开一个窗口,括号内的各项参数的用法我们可以在下面表格中看到,我们可以根据自己的需要设置各个参数的值。

  窗口参数        参数介绍

  toolbar=yes,no    是否显示工具条

  location=yes,no    是否显示网址栏

  directories=yes,no  是否显示导航条

  status=yes,no    是否显示状态条

  menubar=yes,no   是否显示菜单

  scrollbars=yes,no  是否显示滚动条

  resizable=yes,no   是否可以改变公告窗口大小

  copyhistory=yes,no 是否显示历史按钮

  width=300      公告窗口的宽

  height=200      公告窗口的高

  left=100       公告窗口的左上顶点距屏幕左边100像素

  top=100       公告窗口的左上顶点距屏幕顶端100像素

展开更多 50%)
分享

猜你喜欢

制作弹出公告窗口

Web开发
制作弹出公告窗口

用Flash MX制作弹出Windows窗口

flash教程
用Flash MX制作弹出Windows窗口

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

制作弹出窗口常用技巧九则

Web开发
制作弹出窗口常用技巧九则

制作Javascript弹出窗口技巧九则

Web开发
制作Javascript弹出窗口技巧九则

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Dreamweaver教程:弹出窗口

Web开发
Dreamweaver教程:弹出窗口

javascript 控制弹出窗口

Web开发
javascript 控制弹出窗口

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Win7下如何正常安装使用AutoCAD2006

Win7下如何正常安装使用AutoCAD2006

Oracle 9i的数据表类型

Oracle 9i的数据表类型
下拉加载更多内容 ↓