搜档网
当前位置:搜档网 › 各类漂浮广告代码、弹窗广告代码大全

各类漂浮广告代码、弹窗广告代码大全

各类漂浮广告代码、弹窗广告代码大全(2009-07-01 13:39:41)
转载标签:it 分类:ajax&JavaScript
代码:


这个有用,但是父窗口在上面!而且是进弹!

弹出式窗口制作很简单,只要在网页代码的〈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′);”。
下面的代码加入 之间:



参数解释:
js脚本结束

很有用,可以做进站的公告牌。

10秒就自动关闭的弹出窗口
在 之间加入下面代码:
代码:


然后,在相同目录下新建一个popup.htm网页(注意要与上面的url对应!),用于显示在弹出窗口中。在新建文件的源代码中加入如下代码:
代码:

我有我主张!随心所欲的定制“弹出窗口”
常泡在网上的朋友对“弹出窗口”一定不会陌生,像新浪、163等网站,一进入首页立刻就会弹出一个窗口,里面通常是一些告示信息,或者FLASH广告等等。其实这样的效果很容易实现,大家随我一起动手吧!
不加修饰的弹出窗口
将下面这段代码插入你的页面中,在页面加载时就会自动弹出一个窗口,并打开Google搜索引擎,是不是很简单啊!

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

打开的页面使用绝对路径(http://)或相对路径(../page.htm)都可以。
示例代码1:
代码:
〈SCRIPT LANGUAGE="java script"〉
〈!--
window.open('https://www.sodocs.net/doc/1310142233.html,');
//--〉
〈/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 语言编写的弹出窗口。汉字部分是弹出窗口中所显示的内容。其中,color: #后面的6位数字为颜色值(您也可以参考建站手册中“网页素材”中的“颜色代码”进行修改):
⑴ 键入源代码
代码:


最新通知

























最新动态



 最近本站已经开通了一个“产品专卖”和“客户留言”栏目,在这里您可以看到许多最新的信息,恭候大家的光临!同时还把部分最新的产品资料放在‘最新资料’栏目里。本站刚刚开始建设,还不成熟,希望大家能给我提出宝贵的意见!也希望大家多多支持我!


 如果有志同道合的朋友请随时与我联系!


[同创网络]





⑵ 修改上边显示内容的方法

·文字内容您可以随意修改;
·其他内容的修改如下:
.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
%>

<%
session("ad")="ad"
end if
%>
代码:

把下面代码copy入你html文件的和中即可:
代码:
先帮忙点击这里
进入

退出时自动打开新窗口10秒自动关闭
脚本说明:
第一步:把如下代码加入区域中
代码:

第二步:把区域中内容改为:
代码:

相关主题