纯DIV/CSS对联漂浮广告代码(无JS)

源码网两侧漂浮。经测试,兼容IE6,IE7,Firefox浏览器。

CSS代码为:

.r1{width:80px;height:80px;background:red;float:right;

position:fixed !important; top/**/:200px;

position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);right:20px;}

.r2{width:80px;height:80px;background:red;float:right;

position:fixed !important; top/**/:300px;

position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);right:20px;}

.l1{width:80px;height:80px;background:red;float:right;

position:fixed !important; top/**/:200px;

position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);left:20px;}

.l2{width:80px;height:80px;background:red;float:right;

position:fixed !important; top/**/:300px;

position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);left:20px;}

页面代码为:

php网页悬浮对联代码,不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码相关推荐

  1. js 让鼠标右下角有一排小字_JavaScript浮动广告代码,容纯DIV/CSS对联漂浮广告代码,兼容性非常好的js右下角与漂浮广告代码...

    基于JavaScript代码实现随机漂浮图片广告,javascript图片广告 在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮 ...

  2. php 漂浮广告代码,JavaScript实现带缓冲效果的随屏滚动漂浮广告代码

    本文实例讲述了JavaScript实现带缓冲效果的随屏滚动漂浮广告代码.分享给大家供大家参考,具体如下: 这里演示了始终随屏滚动的JavaScript代码,在国内的应用泛滥成灾了,特别是一些喜欢漂浮广 ...

  3. php对联广告,纯DIV/CSS对联漂浮广告代码(无JS)

    源码网两侧漂浮.经测试,兼容IE6,IE7,Firefox浏览器. CSS代码为: .r1{width:80px;height:80px;background:red;float:right; pos ...

  4. html漂浮图片代码关闭,js带关闭按钮的网页漂浮广告代码

    html head -="-Type"=";=GBK" 带关闭按钮的网页漂浮广告代码 body divid="img"style=" ...

  5. php中的网页漂浮代码,JavaScript_Javascript实现带关闭按钮的网页漂浮广告代码,复制代码 代码如下: html - phpStudy...

    Javascript实现带关闭按钮的网页漂浮广告代码 带关闭按钮的网页漂浮广告代码 X ff.js代码 var xPos = 20; var yPos = document.body.clientHe ...

  6. html漂浮广告随页面移动代码,JS漂浮广告代码,慢慢漂移的广告JS代码

    JS漂浮广告代码,慢慢漂移的广告js代码,可以漂浮到任何位置,哈哈...直接贴代码,很简单. var xin = true, yin = true var step = 1 var delay = 5 ...

  7. Js弹性漂浮广告代码

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  8. js漂浮广告代码(简洁!)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org ...

  9. QQ在线咨询漂浮广告代码

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

最新文章

  1. 分片哈希piecewise hashing
  2. MySql按周,按月,按日分组统计数据
  3. TraceRoute原理
  4. Java多线程:乐观锁、悲观锁、自旋锁
  5. Ant Design Vue 中 Tree 树形控件 defaultExpandAll 设置无效
  6. layui使用弹出层 关闭后弹层的内容又显示出来
  7. 免费使用3天!52CV GPU云大促,疫情期间做深度学习的首选!
  8. error LNK2005 已经在***.obj中定义
  9. ASP.Net学习笔记010--加法计算器
  10. SAP License:GB01中替代字段释放
  11. java-实战java高并发程序设计-ch2java并行程序基础
  12. 计算机视觉论文-2021-09-07
  13. matlab-高数 反、双曲、正、余弦、正切函数
  14. 关于心理的二十五种倾向(查理·芒格)-3
  15. MOOC中国大学慕课C语言期末编程试题
  16. 2019美团机器学习/数据挖掘算法实习生笔试 编程题修改矩阵
  17. android多渠道打包
  18. #芯片# SM25QH128M
  19. java ssh乱码_SSH框架下中文字符乱码问题的研究
  20. 安卓手机如何朗读屏幕_屏幕朗读模式怎么解除

热门文章

  1. Qt修炼手册4_信号与槽
  2. 数据的设计命名的十个要点
  3. 项目经理应该把30%的时间用在编程上
  4. copy构造函数使用深copy
  5. 硬盘和显卡的访问与控制(三)(含多彩的Hello)——《x86汇编语言:从实模式到保护模式》读书笔记03
  6. 一文看懂NumPy的切片中常用的冒号
  7. STM32开发 -- 系统软复位
  8. S5PV210开发 -- 前言
  9. linux不能ping通域名能ping通ip
  10. [Android]用架构师角度看插件化(2)-Replugin 唯一hook点