赵工的个人空间


专业技术部分转网页计算转业余爱好部分


 网站建设

首页 > 专业技术 > 网站建设 > 制作网页宣传窗
制作网页宣传窗

使用网页弹窗显示广告,很容易被浏览器或安全软件拦截,难以发挥作用,所以现在的广告更多使用宣传窗的方式。宣传窗,本质上就是AP DIV,也被称为“层”。

1. 网页加入AP DIV宣传窗:

菜单【插入】-【布局对象】-【AP DIV】,在网页上某个位置插入一个AP DIV(层),div id为"apDiv9"。

光标置于层中,菜单【插入】-【表格】,层中插入2行1列、宽度为200像素、边框宽度为1的表格:

切换到“代码”视图,在<table width="200" border="1" cellspacing="0" cellpadding="0"后面添加代码bordercolor="#FFFF00",表示以黄色作为边框颜色。

选中层,在下面的属性面板中设背景颜色为#df5352:

光标放入表格第1行,鼠标右键菜单中选【表格】-【拆分单元格】,分成两列:

将光标置于表格第1行左侧单元格,输入文字“宣传窗”,并设为“居中对齐”,字体颜色为白。而右侧单元格则插入一个带“X”的图像,并适当调整2个单元格宽度。然后再第2行单元格输入文字。

2. 行为设置:

因为AP DIV是覆盖在网页内容上面的,往往会盖住其他内容,会使人反感也影响效果,而且一些部门也提出这种窗口要有关闭按钮。关闭功能其实是使相应AP DIV的属性变为隐藏,要使用行为。

菜单【窗口】-【行为】,打开“行为面板”。选中窗口右上角的X图片,点击“行为面板”上的+按钮,选择“显示-隐藏元素”,打开对话框:

此页面中有多个AP DIV,而宣传窗的div id为"apDiv9",选中后点击“隐藏”按钮,然后“确实”。

这时“行为面板”上会显示出一个onClick行为,如图。保存文件后在浏览器中预览,就能看到此宣传窗,而鼠标点击右上角的“X”就可以关闭(其实是隐藏)此窗口。

 

宣传窗
这是一个宣传窗的演示窗口,当鼠标点击右上角的“X”时,可以隐藏此宣传窗。

 

Copyright@dwenzhao.cn All Rights Reserved   备案号:粤ICP备15026949号
联系邮箱:dwenzhao@163.com  QQ:1608288659