LilyCoder
生命不息,编码不止!
展开
-
HTML实现卷轴动画完整源码附注释
HTML实现卷轴动画完整源码附注释原创 2024-03-16 17:29:16 · 180 阅读 · 0 评论 -
纯CSS实现3D立体文字“龙年大吉”源码附注释(文字内容可编辑)
纯CSS实现3D立体文字“龙年大吉”源码附注释(文字内容可编辑)原创 2024-02-12 19:08:38 · 567 阅读 · 0 评论 -
HTML音乐播放器带歌词跟随效果源码附注释
HTML音乐播放器带歌词跟随效果源码附注释原创 2024-01-10 16:15:30 · 396 阅读 · 0 评论 -
HTMLCSS旋转的圣诞树源码附注释
HTMLCSS旋转的圣诞树源码附注释原创 2023-12-21 17:27:01 · 374 阅读 · 0 评论 -
JS贪吃蛇源码附注释
JS贪吃蛇源码附注释原创 2023-11-18 15:16:17 · 153 阅读 · 0 评论 -
前端面试题汇总含答案
前端面试题汇总含答案原创 2023-11-01 15:17:04 · 167 阅读 · 0 评论 -
CSS悬停卡片翻转明信片效果源码附注释
CSS悬停卡片翻转明信片效果源码附注释原创 2023-10-14 16:57:25 · 480 阅读 · 0 评论 -
CSS图文悬停翻转效果完整源码附注释
CSS图文悬停翻转效果完整源码附注释原创 2023-10-10 16:55:49 · 1989 阅读 · 0 评论 -
CSShas伪类选择器案例附注释
CSShas伪类选择器案例附注释原创 2023-10-04 17:18:37 · 412 阅读 · 0 评论 -
HTML数字倒计时效果附源码
HTML数字倒计时效果附源码原创 2023-08-30 12:26:59 · 1465 阅读 · 0 评论 -
CSS打字回删效果动画源码
CSS打字回删效果动画源码原创 2023-08-21 12:54:47 · 2267 阅读 · 0 评论 -
JavaScript实现简单贪吃蛇源码附注释
JavaScript实现简单贪吃蛇源码附注释原创 2023-08-20 16:14:31 · 189 阅读 · 0 评论 -
CSS实现卡片翻转效果完整源码附注释
CSS实现卡片翻转效果完整源码附注释原创 2023-03-15 18:22:22 · 336 阅读 · 1 评论 -
HTML音乐爱心3D旋转相册完整源码
HTML音乐爱心3D旋转相册完整源码原创 2023-03-01 19:01:00 · 943 阅读 · 0 评论 -
HTML+CSS+JQuery全屏滚动特效完整源码附注释
HTML+CSS+JQuery全屏滚动特效源码附注释原创 2023-01-19 14:19:25 · 1384 阅读 · 0 评论 -
HTMLCSS3D立方体旋转相册完整源码附注释
HTMLCSS3D立方体旋转相册完整源码附注释原创 2023-01-08 17:56:19 · 248 阅读 · 0 评论 -
HTML+JavaScript网页背景轮播图完整源码
HTML+JavaScript网页背景轮播图完整源码原创 2022-12-09 17:14:31 · 308 阅读 · 0 评论 -
HTML+JS实现水果消消乐游戏完整源码附注释
HTML+JavaScript实现水果消消乐游戏完整源码附注释原创 2022-11-02 17:03:38 · 981 阅读 · 0 评论 -
CSS3重复渐变边框透明效果完整源码
CSS3重复渐变边框透明效果完整源码原创 2022-10-09 14:43:59 · 266 阅读 · 0 评论 -
Jquery自定义多级导航菜单完整代码带搜索查询功能附注释
Jquery自定义多级导航菜单带查询搜索功能完整源码附注释原创 2022-08-25 13:28:20 · 303 阅读 · 0 评论 -
JQuery省市区三级联动完整源码附注释
JQuery省市区三级联动完整源码附注释原创 2022-08-05 12:47:58 · 365 阅读 · 0 评论 -
JQuery基于Layui实现表单滑块验证完整源码附注释
SilderVerify.js源码HTML页面代码JavaScript监听函数源码原创 2022-06-28 14:29:43 · 369 阅读 · 0 评论 -
Jquery实现图片验证码完整版附注释
!(function(window, document) { function GVerify(options) { // 创建一个图形验证码对象,接收options对象为参数 this.options = { // 默认options参数值 id: "", // 容器Id canvasId: "verifyCanvas", // canvas的ID width: "100", // 默认canvas宽度原创 2022-03-10 17:10:15 · 595 阅读 · 0 评论 -
HTML+Canvas实现新年情人节表白烟花特效完整源码(可自定义祝福语随烟花随机绽放)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/h原创 2022-02-14 12:35:46 · 1193 阅读 · 0 评论 -
2022新年烟花动画特效
脚本代码运行效果截图var gc = new GameCanvas();var points = textToPoints("2 0 2 2 ", 40, "Anton");var titleParticles = [];var fireworks = [];var particles = [];var gravity = 0.1;setTimeout(function() { setInterval(function() { fireworks.push(new Fi原创 2022-01-04 17:28:48 · 1444 阅读 · 0 评论 -
HTML5Canvas实现抖音网红之龙卷风粒子旋涡特效
<!DOCTYPE html><html><head><meta charset="utf-8"><title>粒子漩涡特效</title><style>html,body{margin:0px;width:100%;height:100%;overflow:hidden;background:#000;}#canvas{position:absolute;width:100%;height:原创 2021-10-14 15:42:17 · 875 阅读 · 0 评论 -
使用CSS动画类库网页弹幕效果源码含注释
动画类库源码@charset "UTF-8";.magictime { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: bot原创 2021-10-09 13:55:43 · 299 阅读 · 0 评论 -
3D随机排列旋转海报画廊完整源码
css+htm+jsl完整代码!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Des原创 2021-09-15 15:26:24 · 149 阅读 · 0 评论 -
樱花雨特效完整源码
特效中所需的图片、音乐及JQ源码文件麻烦自行下载有任何其他问题可留言CSS 完整代码@charset "utf-8";*{ margin:0; padding:0;}body{ max-width: 100%; min-width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-size:100%原创 2021-09-10 14:37:03 · 2965 阅读 · 0 评论 -
Love表白神器
h3{ font-size: 60%;}body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,.原创 2020-11-28 13:26:53 · 327 阅读 · 0 评论 -
Node.js爬取网页数据完整源码带注释
// 加载http模块var http = require('http');// Cheerio 是一个Node.js的库, 它可以从html的片断中构建DOM结构,然后提供像jquery一样的css选择器查询var cheerio = require('cheerio');// 定义网络爬虫的目标地址:自如友家的主页var url = 'http://www.ziroom.com/';http.get(url, function(res) { var html = '';原创 2020-11-22 10:36:45 · 435 阅读 · 0 评论 -
Node.js爬取NBA新闻数据完整源码
var http = require('http');var url="http://sports.sina.com.cn/nba/1.shtml"var cheerio=require("cheerio");var fs=require("fs");http.get(url,function(res){ var html=""; res.on("data",function(chunk){ html+=chunk; }); res.on("end",function(){原创 2020-11-22 10:31:23 · 216 阅读 · 0 评论 -
JavaScrip面向对象之ProtoType
<!DOCTYPE html><html> <head> <meta charset="gbk"> </head> <script> /** * 对数组原型扩展一个求和的方法; * 注意不能只加在某个数组对象上,那样的话只能在那个对象上适用。 */ Array.prototype.sum = function(原创 2020-11-21 15:01:15 · 80 阅读 · 0 评论 -
JavaScript拳皇特效(图片自己找哦)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拳皇</title> <style> *{ margin:0;padding:0; } html{ height:100%;} body { height:100%;原创 2020-11-21 14:54:14 · 236 阅读 · 0 评论 -
JavaScript常见面试题
1.JS隔行变色<meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <script type="text/javascript"> window.onload = function(){ //页面所有元素加载完毕 var item = document.getElementById("tb");原创 2020-11-21 14:42:06 · 159 阅读 · 0 评论 -
横幅广告特效实现源码附带部分注释
<!doctype html><html lang="en"> <head> <!--声明当前页面的编码格式 UTF-8(国际编码)gbk(中文简体)--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <!--声明当前页面的三要素--> <title>标题</title> <meta name="Ke原创 2020-11-02 15:39:26 · 294 阅读 · 0 评论 -
1688首页轮播图完整代码
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" co原创 2020-11-02 15:11:53 · 4152 阅读 · 1 评论 -
HTML+CSS+JQ实现芒果TV轮播图效果完整版
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" co原创 2020-10-13 12:22:12 · 1072 阅读 · 0 评论 -
css+js+jq实现图片切换横幅完整源码(代码中所需图片和jq源文件自行寻找)
<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>标题</title> <meta name="Keywords" content=""/> <meta name="description" content=""/> <style type="text/css"> *{margin:0px;padding:0px;}原创 2020-10-11 11:47:56 · 194 阅读 · 1 评论 -
CSS锁定表头效果完整源码(适应多种不同情况)
1.css样式代码@charset "utf-8";.tableWrap{ width:600px; box-sizing: border-box;}.table-thead{ width:auto; font-size: 14px; background-color: #FFF; border: 1px solid #CFCFCF; border-collapse: collapse; border-spacing: 0px;}.原创 2020-10-11 11:38:35 · 261 阅读 · 1 评论