【JavaScript】案例三:使用JS完成页面定时弹出广告

*注意点:

  • style="display:none"  (隐藏元素)

●display:none和visible:hidden都能把网页上某个元素隐藏起来。

但两者有区别:

 

●display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。

●visible:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,通俗来说就是看不见但摸得到。

(参考)https://zhidao.baidu.com/question/569829578.html

  • style="display:block" (显示元素)
  • 不支持绑定多个事件,不要那么做!

步骤分析:

第一步:在页面指定位置隐藏一个广告图片(使用 display 属性的 none 值)
第二步:确定事件(onload)并为其绑定一个函数
第三步:书写这个函数(设置一个显示图片的定时操作)
第四步:书写定时器中的函数(获取广告图片的位置并设置属性style的display值block)
第五步:清除显示图片的定时操作()
第六步:书写隐藏图片的定时操作
第七步:书写定时器中的函数(获取广告图片的位置并设置属性 style 的 display 值 none)
第八步:清除隐藏图片的定时操作()

代码实现

猜你喜欢

转载自www.cnblogs.com/musecho/p/11013483.html
今日推荐