该文档是在CentOS7.x上进行,Ubuntu上也可以安装 yum -y install epel-release yum clean all && yum makecache yum -y install figlet 示例1 figlet Welcome to Guangzhou 或者 fig ...
转载 2021-07-25 12:18:00
184阅读
2评论
# JavaScript简单特效 ## 引言 JavaScript是一种广泛应用于网页开发的脚本语言,能够为网页添加各种动态特效,使用户体验更加丰富、生动。本文将介绍一些简单的JavaScript特效,包括图片轮播、鼠标悬停效果和页面滚动动画等,并提供相应的代码示例。 ## 图片轮播 图片轮播是一种常见的网页特效,通过切换图片来实现轮播效果。下面是一个简单的图片轮播代码示例: ```ja
原创 2023-08-09 15:00:51
50阅读
   1、水倒映图1  这个js将为图片添加水倒映的特效,时下web2.0站点很喜欢这种效果。   2、圆角+阴影图2  或许你记得用RoundPic能在线生成圆角图片,事实上用这个js也可以实现效果。   3、高光圆角阴影图3  这个效果可以用来做按钮。是我最喜欢的特效之一。   下载一个试玩:点击下载高光圆角阴影效果js  4、斜光阴影效果图4  和上面的效果看起
前些日子看了个视频所以就模仿它的技术来为大家做出几个简单的JS小特效一:运动特效(主要是通过改变元素的left,right,height,width,opacity来达到运动的效果)我们今天做一个利用计时器来创建一个匀速运动的效果,代码很简单。1:首先我们先写出HTML的结构<div id="div1"> <span id="share">share</span&gt
        学弟学妹们已经学完html和css了,接下来选择学习前端的学弟学妹就要学习js了,因此我现在先将记忆中能回想起来的几个js特效以及实现思路先写下来,以免到时候问起来我一下子想不起来。1.轮播图        轮播图可以说是js运用最广泛,最实用的特效之一了,写法也
转载 2023-08-30 23:08:02
547阅读
1、标题跑马灯常常能够在一些新闻网站,或者其他地方,看到文字在一个特定的区域内,来回滚动。一旦超出边界就消失了,那么这些效果是如何做到的呢,今天我们就来讲讲。图示效果:源代码: <!doctype html> <html> <head> <meta charset="utf-8"> <style> </sty
分享116个JS特效动画效果,总有一款适合您  116个JS特效动画效果下载链接:https://pan.baidu.com/s/1E3s1PAcOw-8dCCnq9NUeUw?pwd=tjl2  提取码:tjl2Python采集代码下载链接:https://wwgn.lanzoul.com/iKGwb0kye3wj可自定义js弹出层动画特效 css3鼠标悬停按钮线条动画效果代
转载 2023-07-22 15:45:22
126阅读
vue粒子特效
转载 2023-05-14 11:38:17
372阅读
 分享112个JS特效动画效果,总有一款适合您  112个JS特效动画效果下载链接:https://pan.baidu.com/s/1uC61pccye_oYqBnUugIuig?pwd=u21z  提取码:u21zPython采集代码下载链接:https://wwgn.lanzoul.com/iKGwb0kye3wjHTML5不断繁衍的花动画特效 HTML5 SVG
用js写的一个简单的烟花效果。需要用到自己封装的move运动函数,在别的随笔里有封装好的,直接调用就行。效果图:  js代码:<script type="text/javascript"> function Fire(){ // 创建一个夜空 this.night = document.createElement("div"); this.s
简单的javascript实例一(时钟特效)
我知道现在大多数前端开发人员都在使用jQuery等第三方的库来进行开发,这不仅节约了时间,也让效率大大的提高,并让公司的效益增加,何乐而不为呢?但是,这也会有一定的缺点,比如jQ比js慢,尤其在大型项目中就会显现出来,下面我用原生js实现一个简单的手风琴效果效果。                HTML代码如
转载 2023-08-08 22:46:53
179阅读
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> *{ padding: 0; margin: 0; } body { padding: 80px ...
转载 2021-09-16 16:28:00
62阅读
2评论
实现JS特效简单的日历。
原创 2021-09-01 10:07:56
116阅读
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> *{ padding: 0; margin: 0; } body { padding: 80px ...
转载 2021-09-16 16:28:00
103阅读
2评论
实现JS特效简单的日历。
原创 2022-03-10 11:06:37
72阅读
方法一 复制一个图层:图层2 给图层2增加一个蒙版 选中图层2蒙版:图像->应用图像 选中图层2蒙版:图像->调整->阈值,[推荐值:66] 选中图层2,对图层2进行高斯模糊 选中图层2蒙版,用50%透明度黑色柔角画笔涂抹不想让模糊的位置 方法二 复制一个图层:图层2 选中图层2:滤镜->模糊画廊-
原创 2022-05-03 11:38:40
660阅读
欢迎关注前端早茶,与广东靓仔携手共同进阶 前端早茶专注前端,一起结伴同行,紧跟业界发展步伐~ 上图中的点和线,是由vue-particles生成的,不仅自己动,而且能与用户鼠标事件产生互动。 一、使用教程: 安装 npm install vue-particles --save 在main.js里加
原创 2022-06-06 01:48:33
736阅读
欢迎关注前端早茶,与广东靓仔携手共同进阶 前端早茶专注前端,一起结伴同行,紧跟业界发展步伐~ 上图中的点和线,是由vue-particles生成的,不仅自己动,而且能与用户鼠标事件产生互动。 一、使用教程: 安装 npm install vue-particles --save 在main.js里加
原创 2022-06-06 01:48:42
685阅读
图上那些类似于星座图的点和线 是由vue-particles生成的,不仅自己动,而且能与用户鼠标事件产生互动。 是非常炫的一种动态特效 可以在Vue项目中使用,需要安装第三方依赖 使用步骤 1. 安装 npm install vue-particles --save-dev 复制代码 或者 npm
转载 2019-12-20 17:37:00
912阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5