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)


相关推荐

  • 源码网_python源码从哪下载

    源码网_python源码从哪下载源码目录结构我们首先来看下models.py的代码结构我们可以看到这个模块中定义了12个属性和22个模型类,我们依次来看属性源码分析importosfromenumimportEnu

  • 2021pycharm激活码【注册码】

    2021pycharm激活码【注册码】,https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

  • 测试后台管理系统思路和方法

    测试后台管理系统思路和方法每个公司不管做什么业务,开发网站,app或者公众号亦或小程序,但凡涉及到用户信息或者订单信息都有对应的后台管理系统,所以每个测试人员基本上都有测试过后台管理系统的经验,但是后台管理系统测试不仅仅是基本的增删改查测试,还需要进行业务逻辑测试,还有兼容性测试,接口测试和压力测试。下面是我总结的测试思路和方法,可能有很多不足之处,希望多多评论补充第一步,分析需求文档和原型图,原型图最好看有交互效果的…

  • 系统运维架构 DevOps

    系统运维架构 DevOps一套大而全的系统架构体系与具体落地方案 写在最前面上次参加DBAplus举办的敏捷运维峰会时,一个兄弟的提问一直萦绕耳边,由于时间有限没有进行深入的交流,甚是遗憾。那个问题是:你们公司的IT系统架构是怎样的?又如何具体落地?采用了哪些开源或是商业的技术?其实之前也写过或是做过一些关于系统架构的分享,或多或少的个人或其它限制,总觉得未能尽兴,留有遗憾。因此经过最近一个多月的总结和梳理…

  • android之Unable to execute dex: Multiple dex files define「建议收藏」

    出现了异常Dex Loader:Unable to execute dex: Multiple dex files define Landroid/support/v4/accessibilityservice/AccessibilityServiceInfoCompat$AccessibilityServiceInfoVersionImpl; 查了好多方法都不行,最后得到了解决方法:

  • Platform SDK、Windows SDK简介

    Platform SDK、Windows SDK简介PlatformSDK、WindowsSDK简介由于经常游离于多个WINDOWS版本之间,复习一下内容和一些历史渊源转载自https://www.cnblogs.com/kekec/p/3912148.html(可可西-PlatformSDK、WindowsSDK简介)PlatformSDK及WindowsSDK是由微软公司出品的一个软件开发包,向在微软的Windows操作…

发表回复

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

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