怎样给网页漂浮广告增加关闭按钮

2024-10-15 11:35:38

1、在Eclipse里面,新建一个web项目,在里面新建一个页面,设置该页面的背景为一劢实醭萱张图片,然后再设置一个带关闭按钮的div广告浮窗,这样就完成了简单的演示效果,具体代码如图所示。

怎样给网页漂浮广告增加关闭按钮

3、我们在谷歌浏览器中,输入ip,端口,项目名称,页面名称,访问该页面,可以看到,该页面背景是一张图片,然后外侧有一个浮动的广告窗体,并且窗体右侧带有一个关闭的标示。

怎样给网页漂浮广告增加关闭按钮

5、我们刷新下页面,可以看到,与之前相比,表面上并没有什么区别,但是,此时的“X”已经绑定了点击事件,当我们点击时,它会关闭。

怎样给网页漂浮广告增加关闭按钮
猜你喜欢