js漂浮广告代码_JavaScript上传文件代码

js漂浮广告代码_JavaScript上传文件代码//浮动广告代码varx=50,y=60; //设置元素在浏览器窗口中的初始位置varxin=true,yin=true;//设置xin、yin用于判断元素是否在窗口范围内varstep=1; //可设置每次移动几像素varobj=document.getElementById(“Ad”);//通过id获取div元素functionfloatAd(){varL=T=0;varR=document.body.clientWidth-obj.off

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

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

//浮动广告代码
var x = 50,y = 60;	//设置元素在浏览器窗口中的初始位置
var xin = true, yin = true; //设置xin、yin用于判断元素是否在窗口范围内
var step = 1 ; 	//可设置每次移动几像素
var obj=document.getElementById("Ad"); //通过id获取div元素
function floatAd() { 
 
var L=T=0;
var R= document.body.clientWidth-obj.offsetWidth; 
//浏览器的宽度减div对象占据的空间宽度就是元素可以到达的窗口最右边的位置
var B = document.body.clientHeight-obj.offsetHeight; 
obj.style.left = x + document.documentElement.scrollLeft;	
//设置div对象的初始位置
//当没有拉到滚动条时,document.body.scrollTop的值是0
//当拉到滚动条时,为了让div对象在屏幕中的位置保持不变,就需要加上滚动的网页的高度
obj.style.top = y + document.documentElement.scrollTop; 
x = x + step*(xin?1:-1);//水平移动对象,每次判断左移还是右移
if (x < L) { 
 xin = true; x = L;} 
if (x > R){ 
 xin = false; x = R;} 
//当div移动到最右边,x大于R时,设置xin = false
//让x每次都减1,即向左移动,直到x< L时,再将xin的值设为true,让对象向右移动
y = y + step*(yin?1:-1) 
if (y < T) { 
 yin = true; y = T; }
if (y > B) { 
 yin = false; y = B;} 
} 
var itl= setInterval("floatAd()", 10) //每隔10毫秒执行一次floatAd()
obj.onmouseover=function(){ 
clearInterval(itl)} 
//鼠标滑过时,让漂浮广告停止
obj.onmouseout=function(){ 
itl=setInterval("floatAd()", 10)} 
//鼠标离开时,继续移动

在这里插入图片描述
在这里插入图片描述

博主一段时间之后会更新如何制作整个网页以及所有相关的代码,还有PHP admin的数据库增删查改,需要资源的朋友请评论留言+关注我~

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

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

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

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

(0)
blank

相关推荐

  • unity3D入门_unity怎么学

    unity3D入门_unity怎么学UnityShader中级(Unity2019unity教程初级中级高级扫码时备注或说明中留下邮箱付款后如未回复请加微信630105904联系本博主

  • 电子元件-电阻

    本内容包括可调电位器的介绍,电阻率与温度系数,高精密电阻介绍,热敏电阻、压敏电阻、碳膜电阻与金属膜电阻介绍等。

  • VSCODE 打造完美java开发环境「建议收藏」

    VSCODE 打造完美java开发环境「建议收藏」vscodeJava开发环境配置(此博客已更新,之前的排版不利于阅读)使用vscode后,你可能无法忍受eclipse:)最后更新时间:2018-07-01(博客地址)系统需安装jdk1.8,配置好环境变量JAVA_HOME打开vscode,安装java相关插件LanguagesupportforJava™forVisualStud…

  • jwt三个组成部分_jwt加密算法

    jwt三个组成部分_jwt加密算法JWT在用户注册或登录后,我们想记录用户的登录状态,或者为用户创建身份认证的凭证。我们不再使用Session认证机制,而使用JsonWebToken认证机制。什么是JWTJsonwebtoken(JWT),是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准((RFC7519).该token被设计为紧凑且安全的,特别适用于分布式站点的单点登录(SSO)场景。JWT的…

    2022年10月17日
  • 为什么pycharm下载不了第三方库_pycharm详细使用教程

    为什么pycharm下载不了第三方库_pycharm详细使用教程单独

  • Python面试常见问题_python面试问题总结

    Python面试常见问题_python面试问题总结Python是什么?简述并说明优点和缺点?Python是一种面向对象的解释性计算机编程语言,它是结合了解释性、编译性、互动性和面向对象的脚本语言。优点:开源、免费、简单、易学、可移植、可扩展、易维护、开发效率高。缺点:运行速度慢、代码不能加密。Python是如何被解释的?Python是一种解释性语言,它的源代码可以直接运行。Python解释器会将源代码转换成中间语言,之后再翻译…

发表回复

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

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