爱易网
IT新闻
IT新闻
爱易资讯
网站搭建
云虚拟主机教程
云服务器教程
Apache教程
IIS教程
Nginx教程
网站策划
站长文章
推广教程
淘宝客教程
网页设计
HTML教程
XHTML教程
CSS教程
HTML5教程
CSS3教程
JavaSript基础
JQuery教程
Node.js教程
前端技术
Ajax教程
Js特效
Xml教程
平面设计
页面UI设计
photoshop教程
程序开发
AI人工智能
Asp教程
Php教程
Asp.Net教程
Net Core教程
C#教程
Java教程
Jsp教程
开发技术
微信小程序教程
Uniapp开发教程
微信公众号开发
Andriod教程
IOS教程
DOS教程
Python教程
Docker教程
Windows Container教程
数据库
MSSQL教程
MySQL教程
Redis教程
Access教程
Oracle教程
数据库教程
操作系统
Linux教程
Windows教程
MAC教程
Cisco教程
交换机教程
防火墙教程
搜索
爱易网页
JS特效
打开网页时同时弹出小窗口效果
打开网页时同时弹出小窗口效果
日期:2014-05-18 浏览次数:20572 次
以下是程序代码
<html> <head> <script>window.open('http://www.zzjs.net','站长特效网','toolbar=no,status=no,scrollbars=yes,left=100,top=50,width=250,height=50')</script> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" /> <meta name="description" content="www.zzjs.net,站长特效网,站长必备js特效及广告代码。大量高质量js特效,提供高质量广告代码下载,尽在站长特效网" /> <title>随同主窗口同时弹出的附加小窗口,sky整理收集,站长特效欢迎您。</title> <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> <a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net,站长js特效。<hr> <!--欢迎来到站长特效网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.zzjs.net,zzjs@msn.com,用.net打造靓站--> <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"> <font face="隶书" size="5" color="#0000FF">随同主窗口同时弹出的附加小窗口</font> </dd> 打开一个窗口时自动弹出一个附加的小窗口,表示新消息公告、重要提示信息、当然,如果如果你是在用一些网站提供的免费空间做主页的话,一般要设置这样一个小窗口加入空间提供者的一些连接消息,如现在网易就是这样做的,<font face="宋体">弹出的附加小窗口有各种形式,如没有工具栏的、没有滚动条的,其实制作并不难,</font>这里,将有关方法全盘提供,你可以重新加载本页,或单击工具栏按钮“刷新”,试一下,效果还不错吧! 点击一个链接新开一个窗口,而新开的窗口又与一般的浏览器窗口不同,看起来挺简洁清爽的? 其实这不怎么复杂,用script语言的一个函数就可以了,这就是window对象的open函数,给大家详细讲一下这个函数的具体用法吧! 1、开窗口: var hWnd=window.open('文件URL','窗口名称','窗口特性选项'),现一一讲述 hWnd:如果熟悉window编程的话,对它并不陌生,它表示窗口句柄,代表窗口对象,进行脚本编程时很有用,通过它可实现在父窗口中实现对子窗口的控制。 文件URL:表示欲打开文件的URL地址,如果打开文件在本地服务器可用相对路径,否则就必须用URL路径。 窗口名称:表示打开窗口的名称,这个参数可要可不要,不过如果你用脚本语言进行编程需要在两个窗口之间传递一些信息或参数时就需要了,我们可用window.name来取这个传递的参数值。 窗口特性选项其书写格式为:option1=值,option2=值,option3=值 特性值主要有以下这些: 选项 数值 意义 toolbar yes/no 窗口是否有工具栏 location yes/no 窗口是否显示地址栏 directories yes/no 窗口是否提供目录按钮 status yes/no 窗口底部是否显示状态栏 menubar yes/no 窗口是否有菜单栏 scrollbars yes/no 当内容显示不完时,窗口是否允许出现滚动条 resizable yes/no 窗口是否允许被缩放 width 整数值(Integer) 窗口的宽度 height 整数值(Integer) 窗口的高度 left 整数值(Integer) 窗口离屏幕左边的距离即坐标X(屏幕左上角坐标为0,0) top 整数值(Integer) 窗口离屏幕顶部的距离即坐标Y 好了,上边的特性值中最常用的有Toolbar,scrollbars,width,heigth,top,left等,你不妨一个一个试试看,举一个例(用Javascript编写): var myWindow=window.open('test.html','网页陶吧', 'toolbar=no,status=no,scrollbars=yes,left=100,top=50,width=500,height=450') 2、关闭窗口: 如果你在当前窗口关闭自己,用window对象的close函数就可以了 格式为:window.close() 如果是在父窗口关闭子窗口,其格式为 用子窗口句柄.close()
上一篇:狡猾的按钮特效
下一篇:离开页面弹出提示层
免责声明:
本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
相关资料
更多>
从旗下三大业务BG发展看华为的过去现在和未来
苹果联合创始人炮轰鲍尔默“一直都在吃老本”
同样的背景,罗永浩和雷军到底有什么不同?
苏宁易购成世界最慢电商 专家称其涉嫌违约
微软觊觎移动互联市场:手机未出渠道先行
谷歌董事长成花花公子:情史足以媲美涂鸦
工商总局开查电商“七日退货”
阿里国际化再落子:2.49亿美元投资新加坡邮政
小微型IDC云化趋势加剧 云计算未来或现终极模式
推荐阅读
更多>
任正非:喜马拉雅山的水为什么不能流入亚马逊河?
在线音乐出现“小米公司”不是没有可能
固话上网卡或将实名制 运营商泄露用户信息将被罚
看蜗牛如何放水养鱼,盘活生态系统
阿里物流搭上邮政:京东,我们在终点等你!
苹果6月20日发布iPhone5S 触摸屏概念股生动
搜房网遭遇做空 利益保送成“猎杀”焦点
刘强东:京东上市融资用于开拓三至六线城市
传搜狗估值12亿美元 与360谈判进入白热化
苹果iWatch或使用量产液态金属 将取代玻璃
解读苹果收购Beats背后动机:库克在想什么?
NoomWeight减肥
用友软件股价逆势下跌 再融资方案现曙光
Android版WhatsApp曝漏洞:聊天记录可被窃取
苏宁双线同价遇难题:第一个吃螃蟹不轻松
电信业营改增今起实施 运营商短期利润骤降
Skype周年:与微软联姻到底有没有未来?
富士康欲用机器人产iPhone 6
亚马逊宣布新春大促策略 欲打造另一个"黑五"
英特尔VS苹果:移动芯片大战