网站建设
网站备案流程
本机IIS服务器的创建
Win7下配置本机IIS服务器
建网站需要学习的内容
使用表格布局网页
定义网页头文件元素
制作弹出网页
制作网页宣传窗
Div+CSS布局网页
CSS的常见选择器
CSS设置文本样式
CSS设置背景颜色与图像
CSS设置表格样式
HTML中使用CSS的方法
CSS3新增的部分属性1
CSS3新增的部分属性2
CSS3动画与渐变
网页显示MySQL数据库中汉字的乱码问题
HTML5的新特性
HTML5的API
HTML5音视频API
HTML5表单
HTML5表单API
HTML5画布canvas
HTML5拖放API
HTML5地理位置API
HTML5离线应用API
HTML5 Workers多线程
HTML5跨源通信
HTML5 WebSocket通信
HTML5的Web存储API
HTML5本地数据库
HTML5其他一些API
Node.js功能和使用
常用Web前端工具
WebGL编程
GLSL ES语言
使用ThreeJs库3D编程
XML可扩展标记语言
使用网页弹窗显示广告,很容易被浏览器或安全软件拦截,难以发挥作用,所以现在的广告更多使用宣传窗的方式。宣传窗,本质上就是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”时,可以隐藏此宣传窗。 |