各类漂浮广告代码、弹窗广告代码大全(2009-07-01 13:39:41)
转载标签：it 分类：ajax&JavaScript
代码：
<SCRIPT LANGUAGE="java script">
<!--
var gt = unescape('%3e');
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open('', 'popupnav', 'width=200,height=180,resizable=1,scrollbars=auto');
if (popup != null) {
if (popup.opener == null) {
popup.opener = self;
}
popup.location.href = 'new.html';
}
// -->
</script>
这个有用，但是父窗口在上面！而且是进弹！
弹出式窗口制作很简单，只要在网页代码的〈body〉标签后面插入类似代码即可：
〈script language=″java script″〉
window.open(′url′,′窗口名′,′属性列表′);
〈/script〉
其中“url”是在窗口中显示的html文档的地址；“窗口名”可任意起一个，但不要用中文；“属性列表”是一个用逗号分开的各个属性值的字符串，它确定了弹出窗口的外观与状态。常用属性有：
toolbar（是否显示工具栏
）、location（是否显示地址栏）、directories（是否显示常用链接）、status（是否显示状态栏）、menubar（是否显示选单条）、scrollbars（是否使用滚动条）、resizable（是否可改变大小），这些属性值等于1时表示是，等于0或不将此属性加入列表时表示否。此外，还有width（窗口宽）、height（窗口高）、top（与屏幕上边的距离）、left（与屏幕左边的距离）等属性用于对弹出窗口大小和位置的控制。
例子：要制作一个只有地址栏、无滚动条、可改变大些高100像素、宽300像素、初始位置为距屏幕上边与左边都为100像素的弹出窗口，并在其中显示当前目录下hello.htm的内容，则要将上面的代码中间的一段改为：“window.open(′hello.htm′,′window1′,′location=1,scrollbars=0,resizable=1,height=100,width=300,top=100,left=100′);”。
下面的代码加入<body>  　</body>之间：
<SCRIPT LANGUAGE="java script">
<!--
window.open ('page.htm', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
-->
</SCRIPT>
参数解释：
<SCRIPT LANGUAGE="java script"> js脚本开始；
window.open 弹出新窗口的命令；
'page.html' 弹出窗口的文件名；
'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
height=100 窗口高度；
width=400 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no 是否显示状态栏内的信息（通常是文件已经打
开），yes为允许；
</SCRIPT> js脚本结束
很有用，可以做进站的公告牌。
10秒就自动关闭的弹出窗口
在<body>  </body>之间加入下面代码：
代码：
<script language="java script">
<!--
url="popup.htm"
window.open(url, 'www_helpor_net', 'width=468,height=60,resizable=1,scrollbars=no,left=100,top=50')
-->
</script>
然后，在相同目录下新建一个popup.htm网页(注意要与上面的url对应!)，用于显示在弹出窗口中。在新建文件的源代码中加入如下代码：
代码：
<script language="java script">
function closeit() {
setTimeout("self.close()",10000)
}
closeit()
</script>
我有我主张！随心所欲的定制“弹出窗口”
常泡在网上的朋友对“弹出窗口”一定不会陌生，像新浪、163等网站，一进入首页立刻就会弹出一个窗口，里面通常是一些告示信息，或者FLASH广告等等。其实这样的效果很容易实现，大家随我一起动手吧！
不加修饰的弹出窗口
将下面这段代码插入你的页面中，在页面加载时就会自动弹出一个窗口，并打开Google搜索引擎，是
不是很简单啊！
将代码放置在〈!?XXX --〉中间是为了兼容较低版本浏览器的需要，在低版本的浏览器中标签内的内容将被视作注视。
打开的页面使用绝对路径（）或相对路径（../page.htm）都可以。
示例代码1：
代码：
〈SCRIPT LANGUAGE="java script"〉
〈!--
window.open('le');
//--〉
〈/SCRIPT〉
修饰弹出窗口
使用下面这段代码，我们可以对弹出窗口做更多的控制，包括窗口大小、窗口位置、是否带工具栏、是否可以改变大小等等。
示例代码2：
代码：
〈script language="java script1.2" type="text/java script1.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：是否显示目录按钮，ye
s为显示，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属性
特效窗口示例
了解了窗口属性的定义，我们一起来看一些特殊应用，原来还真有些学问在里面。
通过函数调用控制弹出窗口
如“示例代码2”所定义的弹出窗口，在没有调用popUpWindow方法之前，该窗口是不会自动弹出的，下面我们来看几种常用的调用方法：
页面加载时自动弹出窗口
〈body onLoad=”java script：popUpWindow();”〉
页面关闭时自动弹出窗口
〈body onUnLoad=”java script：popUpWindow();”〉
通过链接或者按钮触发弹出窗口
〈a href=”#” onClick=” java script：popUpWindow();”〉
〈input type=”button” name=”弹出窗口” onClick=” java script：popUpWindow();”〉
弹出窗口定时关闭
在弹出的窗口中加入下面一小段代码，弹出的窗口就会在20秒后自动关闭。（这段代码要加在弹出窗口中，而不是主页上）
代码：
〈script language="java script"〉
function closeit()
{
setTimeout("self.close()",10000) //毫秒
}
〈/script〉
将这段代码加入〈head〉标签内，然后再修改〈body〉标签为〈body onLoad=”closeit()”〉就可以了。
为弹出窗口加上一个关闭按钮
在弹出的窗口中加入下面代码，页面上会多出一个按钮，单击这个按钮，弹出窗口会自动关闭，而不会有任何提示。
〈INPUT TYPE='BUTTON' value="/blog/关闭' onClick='window.close()'〉
小结
了解的弹出窗口的属性，发挥你的想象，就可以创造出更酷效果的弹出窗口了。
代码：
<html>
<body>
<SCRIPT LANGUAGE="java script">
<!--
window.open ("blog2you.bigwww/slsyw/riji/index.asp','newwindow','height=500,width=962,top=2,left=2,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,location=no,status=yes')
-->
</SCRIPT>
赛你木！总算好了！！！！是进弹代码！！！！
</body>
</html>
成功的进弹代码！！！
代码：
<SCRIPT LANGUAGE="java script">
<!--
var gt = unescape('%3e');
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open('www.slsyw', 'popupnav', 'width=200,height=180,resizable=1,scrollbars=auto');
if (popup != null) {
if (popup.opener == null) {
popup.opener = self;
}
popup.location.href = 'www.slsyw';
}
// -->
</script>
以下是一段简单的用html 语言编写的弹出窗口。汉字部分是弹出窗口中所显示的内容。其中，color: #后面的6位数字为颜值（您也可以参考建站手册中“网页素材”中的“颜代码”进行修改）：
⑴ 键入源代码
代码：
<html>
<head>
<title>最新通知</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css"><!--
.tb1 {background-color: #336633}
.tb2 {background-color: #339933}
.font1{font-size:16px; color: #FFFFCC}
.font2{font-size:16px; color: #FFFFff}
.font3{font-size: 12px;color: #FFFFcc}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
<span class="font1"></span>
<table width="283" border="0" cellspacing="0" cellpadding="10" align="center" height="340" class=tb1>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="1" bgcolor="#FFFFFF">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="5" height="330" class=tb2>
<tr align="center">
<td class="font1"><span class=font1>最新动态</span>
<hr size="1" width="95%" color=#ffffcc>
</td>
</tr>
<tr>
<td valign="top">
<p>　<span class=font2>最近本站已经开通了一个“产品专卖”和“客户留言”栏目，在这里您可以看到许多最新的信息，恭候大家的光临！同时还把部分最新的产品资料放在‘最新资料’栏目里。本站刚刚开始建设，还不成熟，希望大家能给我提出宝贵的意见！也希望大家多多支持我!</span></p>
<p><span class=font2>　如果有志同道合的朋友请随时与我联系！</span> </p>
</td>
</tr>
<tr align="right">
<td><span class=font3>[同创网络]</span></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
⑵ 修改上边显示内容的方法
·文字内容您可以随意修改；
·
其他内容的修改如下：
.tb1 {background-color: #336633}
.tb1是最外边边框的颜：#后面的6位数是16进制的颜值，您可以参考“颜代码”进行修改（注意全部都是6位数）
.tb2 {background-color: #339933}
.tb2是最里面的背景：也就是面积最大的一块颜（修改时注意颜搭配的协调）
.font1{font-size:16px; color: #FFFFCC}
.font1是最上面文字的设置：改变16这个数值可以改变文字的大小，数值越大，字体越大；#号后边是文字的颜
.font2{font-size:16px; color: #FFFFFF}
.font2是中间正文部分的设置：参考上面进行修改
.font3{font-size:14px; color: #FFFFCC}
.font3是右下角的文字：参考上面进行修改
· “最新动态”是内容标题；中间的文字是正文；右下角是落款
·注意 对文字进行修改时，不要删掉代码和<>符号！代码的特征是全都以<>包括起来，所以提交之前一定不要忘了检查这些代码和符号，否则就会出现页面混乱或者没
有预想的效果。
在您的弹出窗口编辑框中修改完成后，提交。
代码：
<%
if session("ad")<>"ad" then
%>
<SCRIPT event=onunload for=window>       
window.open('www.027-shop')   
</SCRIPT>
<%
session("ad")="ad"
end if
%>
代码：
<script>
<!--
var num = 2;
var mypage = 163'; 
var pissoff = ' 请先点击上面的链接 '; 
allow = Array();
allow[num] = 2;
function gotoit(link){
if (link != num){
allow[link] = 2;
} else {
for (i=1;i<=num;i++){
if (allow != 2){
i = num + 1;
lemmeIn = 0;
} else {
lemmeIn = 1;
}
}
if (lemmeIn == 1){
window.location = mypage;
} else {
alert(pissoff);
}
}
}
-->
</script>
把下面代码copy入你html文件的<body>和</body>中即可：
代码：
<a href="../ezine.htm" target="_blank">先帮忙点击这里</a>
<a href="java script：gotoit(num)">进入</a>
<script language="java script">
<!--
document．write('<a href="'); " target="_blank">target="_top"%3E%3C/a%3E" TARGET="_blank">163";; target="_top"></a>');
//-->
</script>
退出时自动打开新窗口10秒自动关闭
脚本说明:
第一步：把如下代码加入<head>区域中
代码：
<script LANGUAGE="java script">
<!-- Begin
function leave() {window.open('005win.htm','','toolbar=no,menubar=no,location=no,height=225,width=235');}
// End -->
</script>
第二步：把<body>区域中内容改为:
代码：
<body bgcolor="#ffffff" onUnload="leave()"> 

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。