网站建设 万网企业网络营销策划方案设计

web/2025/10/4 22:14:51/文章来源:
网站建设 万网,企业网络营销策划方案设计,千库网ppt,赤峰网站建设哪家好这是一个HTML文件#xff0c;主要包含了一些CSS样式和JavaScript代码#xff0c;用于创建一个动画效果。 在CSS部分#xff0c;定义了一些基本的样式#xff0c;包括页面的背景颜色、位置、大小等。特别的#xff0c;定义了两种球形元素#xff08;.ball_A 和 .ball_B主要包含了一些CSS样式和JavaScript代码用于创建一个动画效果。 在CSS部分定义了一些基本的样式包括页面的背景颜色、位置、大小等。特别的定义了两种球形元素.ball_A 和 .ball_B的样式以及它们的动画效果。 在JavaScript部分定义了一个名为Ball的类用于创建球形元素并控制它们的运动。Ball类有一些方法如random用于生成随机数render用于渲染球形元素update用于更新球形元素的位置。 在页面加载时会调用creatBall函数创建一系列的球形元素并将它们添加到页面中。然后调用render函数使这些球形元素按照预定的动画效果进行运动。 总的来说这个HTML文件的主要功能是创建一个动画效果其中包含一系列的球形元素在页面上进行运动。 !DOCTYPE html html langen headmeta charsetUTF-8titleTitle/titlestylebody,html{width: 100%;height: 100%;background: #222;overflow: hidden;position: relative;--m-x:51px;--m-y:51px}.playground{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 600px;height: 300px;display: flex;justify-content: space-around;align-items: center;}.ball{width: 100px;height: 100px;border-radius: 50%;/*border: 1px solid #FFFFFF;*/position: relative;}.ball_A{/*border: 1px solid #a101f6;*/color: #FFFFFF;background: #a101f6;cursor: pointer;animation: scaleBall 0.5s forwards;}.ball_B{/*border: 1px solid #FFFFFF;*/color: #FFFFFF;}.ball_B1{border: none;width: 20px;height: 20px;background:#0d84ff;transform: scale(0);left: -20px;border-radius: 10px 30px 20px 20px / 15px 10px 25px 25px;animation: transBall 0.8s 1.2s forwards;}.text{display: inline-block;width: 100px;line-height: 100px;color: white;text-align: center;}keyframes scaleBall {0%{transform: scale(1.0);}100%{transform: scale(1.3);background: none;/*border: 1px solid #fff;*/}}.small-ball{width: 10px;height: 10px;background: #0d84ff;border-radius: 50%;position: absolute;/*animation: moveBall 0.5s forwards;*/}keyframes transBall {0%{transform: scale(0);border-radius: 5px 10px 15px 5px / 8px 7px 6px 15px;}50%{border-radius: 10px 30px 20px 20px / 15px 10px 25px 25px;}100%{transform: scale(6);border-radius: 50px}}/style /head body div classplaygrounddiv classball ball_Aspan classtextA/span/divdiv classball ball_Bspan classtextB/span/div /div div classplaygrounddiv classball styleopacity: 0span classtexta/span/divdiv classball ball_B1 !-- span classtextB/span--/div /div scriptconst playground document.querySelector(.playground)const ctx document.querySelector(.ball_A)const ctx_b document.querySelector(.ball_B)const play playground.getBoundingClientRect()const rect ctx.getBoundingClientRect()const rect_b ctx_b.getBoundingClientRect()const list []const pox {y: rect.height,x: rect.width,bx: rect_b.left - play.left,by: rect_b.top - play.top}class Ball{constructor(con,x,y) {this.x x;this.y y;this.width con.x;this.height con.y;this.ex this.random(-20,con.x)this.ey this.random(-20,con.y)this.dx this.random(-5, 6); // -5~5this.dy this.random(-5, 6); // -5~5this.dom }random(min,max){return Math.random()* (max - min) min;}render(index,step){const move keyframes moveBall_${index} {0%{top:${this.y}px;left: ${this.x}px;}50%{top:${this.ey}px;left: ${this.ex}px;}100%{top:${this.y}px;left: ${pox.bx - 100}px;}}const sheet document.styleSheets[0];sheet.insertRule(move, 0)const div document.createElement(div)div.className small-balldiv.style.transform scale(${Math.random() 0.5})div.style.opacity Math.random() 0.5div.style.animation moveBall_${index} ${step}s cubic-bezier(0.23, 1, 0.32, 1) forwardsctx.appendChild(div)this.dom div}}creatBall()function creatBall(){let step 2const x pox.x / 2const y pox.y / 2for (let i 0; i 50; i){step 0.01const ball new Ball(pox,x,y)ball.render(i,step)list.push(ball)}}/script /body /html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/87010.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

站长之家域名查询排行wordpress博客登不上

本期笔者带给大家部署一个本地私有化知识库,简单明了,直接步入主题,需要读者可以继续关注支持一下啊! 目录 背景步骤 一、环境准备二、Ollama环境部署三、AnythingLLM安装 总结 开始下载应用: 操作系统&#xff1a…

邢台网站推广多少钱网站 可以做无形资产吗

真正原始创新是怎么样的?希望这些列表对做视觉研究的朋友有些启发,希望大家能帮我补充一些,谢谢。转载请注明http://hi.baidu.com/daren007或者http://www.sciencenet.cn/blog/王中任.htm。1、D. Marr; T. Poggio.Cooperative Computation of…

网站备案号怎么修改wordpress实现圈子功能

RabbitMQ发布确认机制确保消息从生产者成功传输到交换机和队列,提高系统可靠性。在Spring Boot项目中,通过配置publisher-confirm-type和publisher-returns,启用发布确认和消息返回机制。配置RabbitTemplate的确认回调和返回回调,…

网站名称备案医院管理系统

目录 仿函数 示例一: 示例二 : 常见的仿函数 priority_queue简介 priority_queue的常用接口 priority_queue的模拟实现 基础接口 push() 堆的向上调整算法 堆的插入 pop() 堆的向下调整算法 堆的删除 priority_queue最终实现 仿函数 仿函数&#xff…

衡水网站设计做网站杭州

对给定序列\(\{a_{0,1,2,\cdots}\}\) 构造一个函数\(F(x)\sum_{i0,1,2,\cdots}a_if_i(x)\),称\(F(x)\)为序列\(\{a_{0,1,2,\cdots}\}\)的生成函数。其中,序列\(\{f_{0,1,2,\cdots}(x)\}​\)只作为标志用,称为标志函数。 普通型生成函数(OGF) …

陕西建设厅网站windows7优化大师下载

SpringData JPA 基本介绍 Spirng data jpa是spring提供的一套简化JPA开发的框架,按照约定好的【方法命名规则】写dao层接口,就可以在不写接口实现的情况下,实现对数据库的访问和操作。 同时提供了很多除了CRUD之外的功能,如分页…

网站死链排查站长检测工具

作者:来自 Elastic Michael Calizo, Tim Lee 在 Elastic,我们大多数成功的客户实施都是从单一用例开始的,旨在满足特定的业务需求。Elastic 最初被采用通常是因为开发人员欣赏它提供的功能。然而,由于其灵活性和可定制性&#xff…

怎样制作网站站点邢台建设局网站上中标公示查询

本文档主要说明一种返工流程,当工人报工时,填写返工数量、变式原因即可启动触发点自动创建返工订单,被创建的反工订单为无料号生产订单,且关联报工订单。涉及系统功能点包括状态参数 一、 后台配置 1).用户状态参数:BS02(SPRO-生产-商店低价控制-主数据-订单-定义状态…

丹阳做网站的linux做网站1G内存够不

介绍 Java的最后几个发行版本,即Java 7,Java 8和即将到来的Java 9,具有许多功能,这些功能使Java开发人员的生活更加轻松。 (我知道Java 9会使它变得更困难,但是只有在您采用新的范例时才可以。之后&#xf…

设计师网站有哪些如何做高端网站建设

2024年福建事业单位招聘详细流程,速速查收!

普兰店网站建设公司百度云免费空间

1.根据马克思的货币需要量公式,在货币流通速度不变的条件下,执行流通手段的货币量取决于()。 A.商品质量 B.商品生产技术条件 C.待销售商品价格总额 D.投机性货币需求 错误 正确答案:左边查询 学生答案:A 2…

做电影资源网站有哪些网站建设项目流程图

享学课堂作者:逐梦々少年转载请声明出处!上次我们详细的学习了Java中的序列化机制,但是我们日常开发过程中,因为java的序列化机制的压缩效率问题,以及序列化大小带来的传输的效率问题,一般很少会使用原生的…

宁波网站seo哪家好桂林市区有什么好玩的

2025年2月17日至18日,全球首富埃隆马斯克(Elon Musk)携手其人工智能公司xAI,在美国重磅发布了Grok 3.0 Beta版。这款被誉为“迄今为止世界上最智能的语言模型”的AI,不仅集成了先进的“DeepSearch”搜索功能&#xff0…

字体图标制作网站网页二级页面怎么做

项目应用场景 面向行人重识别场景,项目具有轻量化 (训练的时候也只需要 2GB 的显存占用)、性能好 (只使用 softmax 损失就能够达到 Rank188.24%, mAP70.68%),另外提供友好的上手项目流程教程 项目效果: 项目流程 > 具体参见项目内README.…

网站开发后台 ampsns网站设计

object-fit 属性可以设置以下值: 属性值说明例子fill填充容器,可能会改变图片的比例。object-fit: fill;contain保持图片的原始比例,确保图片完全包含在容器内。object-fit: contain;cover保持图片的原始比例,确保图片覆盖整个容…

网站站外优化推广方式郑州网站开发工程师

Win10操作系统的任务管理器应该是大家比较熟悉的软件,尤其是在你的电脑卡掉的时候,不得不打开任务管理器,结束掉进程卡死的进程,然后电脑就可以恢复正常使用,任务管理器作为Windows操作系统上一款使用频率非常高的软件…

一台服务器可以建设几个网站wordpress 静态化插件

安装其他插件的时候,常常模板丢失,比较郁闷,以前就用土办法,重装VS来解决这个问题,这次终于弄清楚怎么回事了,可以采取下面两个步骤解决1。复制ProjectTemplates和ItemTemplates,保证VS能找到相…

网站服务公司特点做慕墙上什么网站好找事做

NetCat,在网络工具中有“瑞士军刀”美誉,其有Windows和Linux的版本。因为它短小精悍(1.84版本也不过25k,旧版本或缩减版甚至更小)、功能实用,被设计为一个简单、可靠的网络工具,可通过TCP或UDP协…

番禺做网站技术超酷网站模板

简介 我们知道多个DS18B20的DQ线是可以被挂在一起的, 也就是一根线上可以访问不同的DS18B20而不会造成数据错乱, 怎么做到的,其实数据手册都有说到, 就是靠64-bit ROM code 进行识别, 也可以理解成Serial Number进行识别, 因为主要差异还是在Serial Numb…

网站开发 兼职挣钱吗网络推广服务合同范本

变量生而不变,允许优化,JDK1.5 pre 避免,逸出 final int x; // 错误的构造函数 public FinalFieldExample(){x 3;// 此处就是将this逸出global.obj this; }