JS
静静静静静rj
这个作者很懒,什么都没留下…
展开
-
html+css: 西瓜时钟
body 中<div class="wrapper"> <div class="face"> <div class="seeds"> <div></div> <div></div> <div></div> <div></div> <div></div> <...原创 2020-05-19 08:59:51 · 424 阅读 · 0 评论 -
html+css: 小狗动画
body<div class="main"> <div class="dog"> <div class="dog__paws"> <div class="dog__bl-leg leg"> <div class="dog__bl-paw paw"></div> <div class="dog__bl-top top">...原创 2020-05-19 08:55:44 · 1192 阅读 · 0 评论 -
html+js: 小猫眼睛跟随鼠标移动
body中<svg viewBox="0 0 493 470" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle class="pupil" cx="301.377" cy="120.203" r="25" fill="black"></circle> <circle class="pupil" cx="410.549" cy="120.203" r="25" fill="black"...原创 2020-05-19 08:52:55 · 2683 阅读 · 0 评论 -
html+css+js:粒子束
body中<canvas id="canvas">Canvas not supported.</canvas>css* { margin: 0; padding: 0;}canvas#canvas { display: block; background: #000;}js(function() { 'use strict'; window.addEventListener('load', function(...原创 2020-05-15 11:56:31 · 298 阅读 · 0 评论 -
html+js:雪花飘落背景2(六瓣,非图片方式)
在html中加入 js代码<script type="text/javascript">/*样式一*///背景雪花飘落特效(function($){ $.fn.snow = function(options){ var $flake = $('<div id="snowbox" />').css({'position': 'absolute','z-ind...原创 2020-05-04 14:05:42 · 566 阅读 · 2 评论 -
输入框礼花特效
input.js(function webpackUniversalModuleDefinition(root,factory){if(typeof exports==='object'&&typeof module==='object')module.exports=factory();else if(typeof define==='function'&&...原创 2020-04-30 08:43:36 · 188 阅读 · 0 评论 -
html+js:页面鼠标单击--------烟花爆炸效果2
<!-- 点击爆炸效果--><canvas class="fireworks" style="position: fixed; left: 0px; top: 0px; z-index: 1; pointer-events: none; width: 1440px; height: 451px;" width="2880" height="902"></canva...原创 2020-04-28 10:32:23 · 1446 阅读 · 1 评论 -
html+css:浏览器页面title隐藏显示
示例如图离开页面时 客官请留步回到页面时 你终于回来啦3秒钟之后 显示XXX的博客将代码插入html中<script type="text/javascript" language="javascript">var time;var nor...原创 2020-04-27 15:40:43 · 1656 阅读 · 0 评论 -
前端html+css: 3D滚动正方体————按住鼠标左键即可拖动
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> h3{ text-align: center; color: #5A5A5A;} body{...原创 2020-04-08 10:38:57 · 1488 阅读 · 1 评论 -
html+css:鼠标跟随特效气泡1
示例如图<!DOCTYPE html><html lang="en" class="no-js"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="...原创 2020-04-27 13:21:56 · 417 阅读 · 0 评论 -
html+js:鼠标跟随控制飞机方向
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do...原创 2020-04-23 15:09:35 · 343 阅读 · 0 评论 -
html+CSS+JS:点击Button样式
左键单击按钮:从左及右以各种形状粒子形式扩散消失1>2>3>4>5>还有好多。。。我懒得截图了,自己看去吧。。(以前看别人写的分享博客,总希望笔者再多写点,再详细一点,甚至有时内心小些埋怨怎么写这么点,到底讲了个啥~~~~终于有一天自己也开始尝试走向分享这条道路,发现...原创 2020-04-08 11:28:05 · 2452 阅读 · 0 评论 -
html+JS:画布canvas星空背景
由远及近视觉效果<!doctype html><html><head><meta charset="utf-8"><title>纯js完成canvas星空粒子效果-jq22.com</title><script src="https://libs.baidu.com/jquery/1.11.3/jq...原创 2020-04-08 10:46:17 · 2489 阅读 · 3 评论