![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
尘世壹俗人
做一只马喽
展开
-
css+js做随意移动的水滴背景
/ 随机动画时长(1000毫秒到4000毫秒之间)/*最外侧盒子提供大小和其他位置顶自定义需求*//*第二层盒子提供需要的背景色以及形状*//*内侧盒子负责水滴的细节,形状同步*///生成在了偏下的地方就向上走。/*水滴中白色小点的动画*/// 随机起始位置的X坐标。// 随机起始位置的Y坐标。// 随机结束位置的X坐标。// 每隔半秒创建一颗流星。/*整个水滴形状的动画*/// 动画完成后移除流星。// 将水滴添加到页面中。//决定水滴的上下方向。原创 2023-07-12 17:44:43 · 645 阅读 · 0 评论 -
HTML中插入自动播放的背景音乐-亲测有效
如果你还需要用js灵活的控制它的播放有否,你可以用如下代码。很简单,使用audio标签就行。原创 2022-11-07 15:15:09 · 17863 阅读 · 14 评论 -
三种canvas星空背景效果
【代码】两种canvas星空背景效果。原创 2022-11-07 14:06:50 · 2877 阅读 · 10 评论 -
CSS开发等待效果
随后就简单了,在你需要的地方,用Jquery给body标签添加动态标签就行,比如我要后台交互用的Ajax,那我的核心代码如下。最近写了一个Demo项目,后台的一个文件处理功能需要2秒左右的处理时间,所以就开发了一个等待效果共享给大家。当我上传文件,处理的时候,等待效果就会随着我上传按钮的点击而动态添加,而且是占有整个浏览器。前端我缩小了浏览器的分辨率,大家可以看到,内容被约束到了主体盒子里面。处理完成,会弹出弹窗,并删除等待效果。首先是CSS部分,做的事。原创 2022-11-06 21:09:25 · 500 阅读 · 0 评论 -
前端开发时position属性的作用
position是给前端元素增加定位方式的一个属性,我们要知道html本质上是一个需要浏览器等特定方式解析的语言,我们最终看的页面效果也是重头到位为解析之后的一个结果,本来所有的元素都是一个一个的按照他们的块类列,或行或列,被挨着解析出来,但在被解析中我们有时常常会有让某一个元素脱离原来展示顺序和位置的需求,这个时候就用到了position,下面是它每一个值的用途static:默认值,不做任何特殊定位操作,一切按照它本来的样子relative:相对定位,这个值单独使用的时候没有任何用处,因为它的官方解释原创 2021-06-04 10:38:35 · 1483 阅读 · 1 评论 -
前端开发如何使得PC端和手机端的页面效果不一样
做前端的要知道一个常识,涉及样式的控制组件是css,而js是加强样式的渲染效果的,因此实现这一效果的方法是导入样式的时候控制样式的生效条件,使得用户打开网页的设备不同而展示的效果也不同的效果,在使用link的时候,它有一个标签属性为media,它就是用来控制外链的样式在使用哪种设备访问时生效,我们可以使用它的screen值表示移动设备访问时生效,并添加一些大小的限制当希望智能手机访问时生效,我们可以控制页面分辨率最大宽1024px,大于这个值就不生效了media="screen and (max-wid原创 2021-06-07 10:25:28 · 2648 阅读 · 0 评论 -
前端开发实现点击出现不断向上可变色心形的效果
如何实现前端开发效果,点击屏幕时展现心形,自动向上移动,并随着向上移动而逐渐透明直到消失我先给大家说一下这个效果的实现原理,大家明白了原理,代码怎么写都行,就是那些东西而已首先,它的原理就是页面上有一个div盒子,这个盒子处于隐藏状态,这个盒子里面有放了一个图片,这个图片如果没有特别要求,大家也不用去自己ps,我们直接导入一个公共的矢量切片服务器上的资源就可以,这里说的矢量切片大家不理解也没有关系,就理解为一个专门存放图片的服务器就可以其次这个盒子对应的效果我们在css准备好,之后用js给整个页面添加原创 2021-06-07 11:07:20 · 1768 阅读 · 0 评论 -
web开发中include的用处
include在jsp的开发中作用是拼接页面,不过有两种拼接方法,分别为指令和动作我们常用的拼接方法,叫做指令,也叫做静态包含,用法如下<%@ include file="xxx.jsp"%>这个是jsp本身就有的一个东西,它常出现在jsp开发中有共用代码的地方,它的使用要注意如下几点包含文件中,在哪里写指令,就从哪里开始包含被包含文件被包含文件不需要做特殊处理被包含文件在被包含时,file属性中不可以有参数,如xxx.jsp?a=123在源码编译时合并编译,将所有内容一起编译原创 2021-07-10 17:42:10 · 924 阅读 · 0 评论