html浮动广告框怎么做?

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

$(window).scroll(function () {

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

})

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

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

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

2、清除浏览器缓存;

3、刷新页面。

1、创建一个名为“topwindows.html”的网页文件。

2、网页浮动窗口对应的部分代码如下所示:<html><style>.img_wd{font-size:30padding-top:20pxtext-align:leftpadding-left:70pxline-height:40pxbackground:url(110.jpg)topcenterno-repeatwidth:252pxheight:127pxline-heiht:10pxtext-align:centerfont-family:"微软雅黑,仿宋,楷体,黑体"。

3、color: #fafafatext-shadow:rgba(255,255,255,0.5)05px6px,rgba(255,255,255,0.2)1px3px3px}</style><body><divclass="img_wd"style="">青春就是这么任性!<Br>YoungerGOO。

4、接着将如图所示的代码添加到主页<Body>和</Body>之间:其中标签"fdck”中的属性SRC指向浮动窗口的网页地址。

5、需要将以上所有代码(包括JS脚本)全部放置在<body>和</body>之间。

6、最后查看一下浮动窗口的效果,会发现浮动窗口在网页中不断的移动,当鼠标悬停其上时会停止移动,点击“隐藏”按钮将自动隐藏悬浮窗口。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7264646.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存