js
关注
分享
扫一扫
K.Dream
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
带有3D效果的个性名片
带有3D效果的个性名片教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区html<div class="card"> <div class="content"> <div class="user"><span class="fas fa-us...转载 2020-03-25 16:02:54 · 609 阅读 · 0 评论 -
CSS3制作带有子菜单的下拉菜单
CSS3制作带有子菜单的下拉菜单教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区html<nav> <label for="btn" class="button">Drop down <span class="fas fa-caret-down"></sp...翻译 2020-03-25 15:59:46 · 918 阅读 · 0 评论 -
带有社交图标的动画共享按钮
带有社交图标的动画共享按钮教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区html<div class="content"> <div class="text">Animated Share Button with Icon</div> <p>HTML ...转载 2020-03-25 15:57:14 · 397 阅读 · 0 评论 -
jQuery制作扁平化动态技能栏
jQuery制作扁平化动态技能栏教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区html<div class="skills"> <div class="skill"> <div class="skill-name">HTML</div> &...转载 2020-03-18 15:48:09 · 389 阅读 · 0 评论 -
使用jQuery制作颜色效果选择器
使用jQuery制作颜色效果选择器教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区html<div class="colors-container"> <div class="color"> <div class="color-hex">#000000</...转载 2020-03-18 15:45:06 · 527 阅读 · 0 评论 -
使用范围滑块更改页面亮度
使用范围滑块更改页面亮度教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区html<div class="container"> <div class="brightness-box"> <i class="far fa-sun"></i> &...转载 2020-03-18 15:35:53 · 409 阅读 · 0 评论 -
登陆界面设计
登陆界面设计教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区html<div class="bg-img"> <div class="content"> <header>Login Form</header> <!-- 表单 -->...转载 2020-03-09 21:08:52 · 786 阅读 · 0 评论 -
Glide插件的图片轮播图
Glide插件的图片轮播图教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区引入文件码云下载：html<!-- 头文件注意引入次序 --><div class="images glide"> <div class="glide__track" data-glide-el="...转载 2020-03-09 20:35:06 · 1475 阅读 · 1 评论 -
点击切换显示隐藏输入框
点击切换显示隐藏输入框教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区html<div class="inputBox"> <input type="password" name='' placeholder="Enter password" id='password'> &l...转载 2020-03-02 21:16:09 · 922 阅读 · 2 评论 -
响应式菜单
教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ziKUQWDn-1582942429406)(演示.gif)]代码区html<header><div class="inner-width"> <a h...转载 2020-02-29 10:14:08 · 665 阅读 · 0 评论 -
滚动渐变导航栏
滚动渐变导航栏教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区html<header> <!-- logo --> <a href="#" class="logo">Logo</a> <!-- 导航栏 --> <ul>...转载 2020-02-27 19:43:04 · 1436 阅读 · 2 评论 -
图片文字制作视差效果
图片文字制作视差效果教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区html <section> <p> <!-- 请自行添加文章 --> </p> <div id='bg'></div> </secti...转载 2020-02-26 13:58:53 · 393 阅读 · 0 评论 -
jq制作代办事务表单
jq制作代办事务表单教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区html<div class="container"> <!-- 输入框 --> <input type="text" class="txtb" placeholder="Add a task">...转载 2020-02-23 20:27:26 · 422 阅读 · 0 评论 -
展开菜单栏
展开菜单栏教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区html<div class="menu-container"> <!-- 菜单栏 --> <div class="button"><p>Menu</p> <span ...转载 2020-02-19 18:14:25 · 728 阅读 · 2 评论 -
输入式朝阳文字
输入式朝阳文字教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区html<div id="text" contenteditable="true">Text</div>CSS* { margin: 0; /* 外边距 */ padding: 0; /* 内边距 */ f...转载 2020-02-18 18:15:41 · 242 阅读 · 1 评论 -
过渡等待动画
过渡等待动画教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区html<h2> <span>L</span> <span>o</span> <span>a</span> <span>d</spa...转载 2020-02-16 09:13:05 · 277 阅读 · 0 评论 -
使用js实现跟随鼠标移动的心形上浮效果
使用js实现跟随鼠标移动的心形上浮效果教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9zP31qVn-1581731960911)(演示.gif)]代码区html<!-- 模板即可 -->CSS* { margin...转载 2020-02-15 09:59:43 · 1236 阅读 · 0 评论 -
RBG渐变圆形读条
RBG渐变圆形读条教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-N6rAsd2K-1581390043706)(演示.gif)]代码区html<div class="outer"> </div><div ...转载 2020-02-11 11:01:18 · 322 阅读 · 0 评论 -
点赞爱心按钮
点赞爱心按钮教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dNVJEhBd-1581303162565)(演示.gif)]代码区html <!-- 外边框 --> <div class="heart-btn">...转载 2020-02-10 10:52:58 · 2080 阅读 · 0 评论 -
社交媒体复选框
社交媒体复选框教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kOo3QC1Q-1581128315807)(演示.gif)]代码区html<div class='wrapper'> <div class="cont...转载 2020-02-08 10:19:00 · 237 阅读 · 0 评论 -
自适应滑动特效菜单(滚动选项)
自适应滑动特效菜单(滚动选项)教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图主要效果自适应代码区html<div class="fullpageMenu" id='nav'> <div class="banner"> <img src="img/bg.jpg">...转载 2020-02-05 11:17:58 · 625 阅读 · 0 评论 -
鼠标附着式按钮边框
鼠标附着式按钮边框教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-omoaci6P-1580786056945)(演示.gif)]代码区html <a href="#" class="button">Button1</...转载 2020-02-04 11:15:54 · 193 阅读 · 0 评论 -
小黄人眼睛跟随鼠标移动
小黄人眼睛跟随鼠标移动教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TcYEdxOO-1580558297980)(演示.gif)]代码区html<div class="face"> <!-- 脸部 --> &...转载 2020-02-01 19:58:58 · 1532 阅读 · 0 评论 -
跟随鼠标移动的背景
跟随鼠标移动的背景教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pyfssjDT-1579775108710)(演示.gif)]代码区以下代码为本人填写，转载请注明教程地址和本贴地址html <div id='cont...转载 2020-01-23 18:25:26 · 2279 阅读 · 0 评论 -
点闪动态文字效果
点闪动态文字效果教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zTGQp1Jm-1579353201866)(演示.gif)]代码区以下代码为本人填写，转载请注明教程地址和本贴地址html<h1 id='main'>&...转载 2020-01-18 21:14:27 · 555 阅读 · 0 评论 -
动态选项卡实现 CSS & js
动态选项卡实现 CSS & js教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区以下代码为本人填写，转载请注明教程地址和本贴地址html <div class="container"> <div class="icon"> ...转载 2020-01-18 20:04:11 · 735 阅读 · 0 评论 -
纯CSS制作动态背景随标题变换菜单
纯CSS制作动态背景随标题变换菜单教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区以下代码为本人填写，转载请注明教程地址和本贴地址html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...转载 2019-12-29 14:20:54 · 559 阅读 · 0 评论 -
快视弹窗--CSS+JS制作
快视弹窗教程地址：原文地址（YouTube）B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载以下代码为本人填写，转载请注明教程地址和本贴地址html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na...原创 2019-12-23 13:54:35 · 752 阅读 · 1 评论