html左侧浮动广告代码,如何制作浮动广告 JavaScript制作浮动广告代码

html左侧浮动广告代码,如何制作浮动广告 JavaScript制作浮动广告代码如果有一定的JavaScript基础,制作浮动广告还是比较容易的。直接上代码了:无标题文档*{margin:0;padding:0;}#csdn{width:800px;margin:0auto;}#ad{position:absolute;right:0px;top:30px;z-index:1;}#cl{position:absolute;right:0px;top:30px;z-index…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

如果有一定的JavaScript基础,制作浮动广告还是比较容易的。直接上代码了:

无标题文档

*{

margin:0;

padding:0;

}

#csdn

{

width:800px;

margin:0 auto;

}

#ad

{

position:absolute;

right:0px;

top:30px;

z-index:1;

}

#cl

{

position:absolute;

right:0px;

top:30px;

z-index:2;

}

var advInitTop=30;

var closeInitTop=30;

function inix()

{

advInitTop=document.getElementById(“ad”).style.pixelTop;

closeInitTop=document.getElementById(“cl”).style.pixelTop;

}

function closeAd()

{

document.getElementById(“ad”).style.display=”none”;

document.getElementById(“cl”).style.display=”none”;

}

function move()

{

//document.getElementById(“ad”).style.pixelTop=document.body.scrollTop+advInitTop;

//document.getElementById(“cl”).style.pixelTop=document.body.scrollTop+closeInitTop;

document.getElementById(“ad”).style.pixelTop=document.documentElement.scrollTop+advInitTop;

document.getElementById(“cl”).style.pixelTop=document.documentElement.scrollTop+closeInitTop;

//alert(document.getElementById(“ad”).style.pixelTop);

window.status=document.documentElement.scrollTop+”/”+document.getElementById(“ad”).style.pixelTop;

}

window.οnscrοll=move;

close.jpg

xiaojie1.jpg

要点:

上述代码中要用document.documentElement ,不要用老的document.body,否则,不符合w3c标准,看不到浮动效果!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/191244.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • Go安装OpenCV库(gocv)常见问题

    Go安装OpenCV库(gocv)常见问题

    2021年11月23日
  • 说说你对servlet 的理解或者 servlet 是什么?「建议收藏」

    说说你对servlet 的理解或者 servlet 是什么?「建议收藏」说说你对servlet的理解或者servlet是什么?Servlet(ServletApplet),全称JavaServlet,是用Java编写的服务器端程序。而这些Servlet都要实现Servlet这个接口。其主要功能在于交互式的浏览和修改数据,生成动态Web内容。Servlet运行于支持Java的应用服务器中。 HttpServlet重写doGet和doPost

  • Linux Shell循环结构

    Linux Shell循环结构fi}&donewaitecho“MissionCompleted.”*for循环语句实现文件中批量用户创建“`shell[root@hdp-1shell]#catusers_from_file.shIFS=$’\n’forlinein`cat$1`doif[${#line}-eq0];thencontinuefiuser=`echo”$line”|awk'{print$1}’`pass=`echo”$line”|a

  • java源程序文件扩展名_JAVA源代码的扩展名为( )

    java源程序文件扩展名_JAVA源代码的扩展名为( )展开全部JAVA源代码的扩展名为.java。Java源程序(.java文件)-java字节码文e68a8462616964757a686964616f31333433626462件(.class文件)-由解释执行器(java.exe)将字节码文件加载到java虚拟机(jvm)-字节码文件(.class)就会在java虚拟机中执行。Java的基本包java.lang其中包含有:接口:Compara…

  • 数据库连接池的好处有哪些_计算机系统坏了怎么修复

    数据库连接池的好处有哪些_计算机系统坏了怎么修复对于一个简单的数据库应用,由于对于数据库的访问不是很频繁。这时可以简单地在需要访问数据库时,就新创建一个连接,用完后就关闭它,这样做也不会带来什么明显的性能上的开销。但是对于一个复杂的数据库应用,情况就完全不同了。频繁的建立、关闭连接,会极大的减低系统的性能,因为对于连接的使用成了系统性能的瓶颈。    连接复用。通过建立一个数据库连接池以及一套连接使用管理策略,使得一个数据库连接可以得

  • IIS 安装失败之解决方案[通俗易懂]

    IIS 安装失败之解决方案[通俗易懂]首先删除IIS后,再开始下面的操作:1.运行:regsvr32%windir%/system32/vbscript.dll(其实这一步也可以省,确保万一,还是执行吧)2.运行:msdtc-resetlog3.重新安装IIS…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号