html浮动广告框怎么做？

html-css017

html浮动广告框怎么做？,第1张

$(window).scroll(function () {

$('#guangao').css('top', $(document).scrollTop() + window.innerHeight / 2 - document.getElementById("guangao").clientHeight / 2)

})

以上是浮云居中的例子，作为参考。

1．创建一个名为“topwindow．html”的web文件。

2. 浮动窗口的对应代码如下:<HTML >

大小:30填充-顶部:20px文本-对齐:左内边距-左:70像素线条-高度:40px背景:url(110.jpg)topcenterno-repeat宽度:252px

身高:127pxline-heiht:10px文本-对齐:居中字体系列:“微软优雅黑色，宋体，正体，黑色”。

3．颜色：＃fafafa；文本的影子：rgba（255255255，0．5）05px6pxrgba（255255255，0．2）1px3px3px；｝

4．然后将图中所示的代码添加到主页和之间，标记的SRC属性“FDCK”指向的页面地址浮动窗口。

5．所有上面的代码（包括JS脚本）之间应放置，如下图所示。

6．最后，检查浮动窗口的影响，你会注意到周围的浮动窗口不断移动web页面。当鼠标悬停在它，它停止移动，点击“隐藏”按钮，自动隐藏了浮动窗口。

1、打开网页的源代码，在插入的flash属性代码中添加以下代码:

<param name="wmode" value="transparent">

2、清除浏览器缓存；

3、刷新页面。