用css怎么写弹出广告代码，JS也可以，求大神

html-css010

用css怎么写弹出广告代码，JS也可以，求大神,第1张

其实蛮简单的，你理解了他的原理就会了，简单说一下吧，首先这个广告正常显示同样不影响网页其他的内容的布局，那么他应该是突出来的对吧？这个可以用相对文档的绝对定位或者相对浏览窗口的固定定位，这个会把？

然后再说下弹出效果，这个广告本身是display:none；隐藏的，然后通过js或者jq控制当打开该网页的时候添加display:block就弹出了（显示）；复杂点的，有时候弹出来之后别人把他关闭了（或者直接没有关闭按钮，那么这里直接忽略），但是你又想广告过一会又弹出来，这个怎么实现呢？

这里就用到了定时器setInterval，里面加个判断 当该广告的display是none的时候把他改为block，再设置个时间多久循环一次，比如两秒，当广告被关闭，两秒之后会判断一次，因为广告广告是关闭的（display:none）所以他会给广告更改样式（改为display：block），这样广告又出来了

怎么样这样说能够理解吧？剩下的代码就需要你来写了，只把大概思路和你说下

1．在同一个div中，编写如下图所示的一段代码，并在这段代码中设置dive的宽度和高度，以便文本具有特定的范围。

2．找到背景，如下图所示，添加背景后的图像作为背景图案。

3．在后台添加url（）。为了连接图像，在url中写入背景图像的路径。

4．你可以把你最喜欢的图片根据你的个人喜好。你必须把正确的路径写在这里。

5．这样，保存后的文本将覆盖在图片的顶部。

下载JQ ui 弹窗demo可按照以下步骤完成：

1，打开JQ ui，点击download按钮，如下图：

2，找到Version处，根据自身情况选择版本。然后找到Components，默认是勾选了Toggle All，即全部下载。这里只下载弹窗demo，就取消掉此勾选。如下图：

3，滚动页面，在下方Widgets中找到Dialog项，并勾选，如下图（勾选Dialog之后，会自动勾选其所依赖的相关组件）：

4，然后滚动页面到最下方，点击download按钮，即可下载弹窗demo。如下图：