- 博客(38)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 jQuery实现雪花飘落效果
效果展示：源码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>jquery实现雪花飘落</title> <script src="http://libs.baidu.com/jquer
2019-02-28 10:38:02
2375
4
原创 canvas实现阿里云云栖大会炫酷动画效果
效果展示：源码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>canvas实现阿里云云栖大会炫酷动画效果</title> <style> body {
2019-02-28 10:27:59
623
2
原创 原生js实现弹幕效果
效果展示：源码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>原生js实现弹幕效果</title> <style> * { padding:
2019-02-28 10:15:28
1725
3
原创 jQuery新闻列表滚动(上下滚动、横向滚动、无缝滚动、停顿滚动)
效果展示：源码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>jQuery新闻列表滚动(上下滚动、横向滚动、无缝滚动、停顿滚动)</title> <script src="http:/
2019-02-28 10:02:47
7054
10
原创 jQuery实现省略指定多余文字
效果展示：源码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>jQuery实现省略指定多余文字</title> <script src="http://libs.baidu.com/j
2019-02-28 09:48:04
269
原创 canvas实现水球加载动画
效果展示：源码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>canvas实现水球加载动画</title> <style> body { d
2019-02-28 09:39:04
1052
原创 js实现跳动文字
效果展示：源码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>js实现文字跳动</title> <style> #txtDom { pad
2019-02-28 09:16:58
2905
5
原创 CSS实现翻牌特效
效果展示：效果用图：源码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>纯CSS翻牌图片特效</title> <style> * {
2019-02-28 09:07:57
2028
原创 CSS3实现鼠标悬停多种效果
效果展示：源码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>纯CSS3实现鼠标悬停多种效果</title> <style> * { mar
2019-02-28 08:42:51
8962
原创 canvas绘制时钟
效果展示：源码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>canvas绘制时钟</title> <style> * { margin:0
2019-02-28 08:30:35
298
原创 canvas实现鼠标粒子随机运动
效果展示：源码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>canvas实现鼠标粒子随机运动</title> <style> * { m
2019-02-27 18:33:58
531
1
原创 纯CSS3实现加载动画
效果展示：源码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>纯CSS3实现加载动画</title> <style> .spinner {
2019-02-27 18:27:14
1267
原创 CSS实现超出指定行数文字省略
效果展示：源码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>超出指定行数文字省略</title> <style> .ellipsis {
2019-02-27 18:21:15
451
原创 jQuery实现多行文本溢出显示隐藏
效果展示：源码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>多行文本溢出省略</title> <script src="http://libs.baidu.com/jquery/1.
2019-02-27 18:12:28
729
原创 canvas实现画图板（原型）
效果实现：源码展示：<!doctype html><html><head><meta charset="utf-8"><title>canvas实现画板</title><script src="http://libs.baidu.com/jquery/1.11.3/jquer
2019-02-24 16:50:40
702
原创 纯js倒计时
效果展示：源码展示：<!doctype html><html><head><meta charset="utf-8"><title>纯js倒计时</title><style>.time { width:300px; height:80px; margin:0 au
2019-02-24 12:15:15
929
2
原创 纯js实现自动补全邮箱
效果展示：源码展示：<!doctype html><html><head><meta charset="utf-8"><title>纯js实现自动补全邮箱</title><style>* { padding:0; margin:0;}div{ margin
2019-02-24 08:53:14
1047
原创 纯CSS转换实现旋转的正立方体
效果展示：代码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>纯CSS画出旋转的正立方体</title> <style> html { ba
2019-02-23 18:25:49
220
原创 将文本转成语音播报
<!doctype html><html><head><meta charset="utf-8"><title>语音合成提示语音</title><script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"&
2019-02-23 18:13:29
604
原创 jQuery点击弹出文字特效
效果展示：源码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>点击弹出文字特效</title> <script src="http://libs.baidu.com/jquery/1.
2019-02-23 17:28:35
453
原创 纯CSS3动画实现小球绕轨道旋转效果
效果展示：源码展示：<!doctype html><html><head><meta charset="utf-8"><title>纯css3动画实现轨道旋转效果</title><style>body { background-color:blueviolet;}.
2019-02-23 16:57:17
4445
原创 纯CSS3动画实现加载样式
效果展示：代码展示：<!doctype html><html><head><meta charset="utf-8"><title>纯CSS3动画实现加载样式</title><style>.loader { position:fixed; left:50%
2019-02-23 16:32:04
333
原创 纯CSS3动画实现SVG边框特效
效果展示源码展示<!doctype html><html><head><meta charset="utf-8"><title>纯C3动画实现SVG边框特效</title><style> body,html { height:100%; display:flex;
2019-02-23 16:19:19
1132
2
原创 原生js实现波浪导航效果
展示效果：源码展示：<!doctype html><html><head><meta charset="utf-8"><title>js波浪导航</title><style>* { margin:0; padding:0; font-family:"微软雅黑&
2019-02-23 15:55:10
1985
原创 原生js实现弹动的小球
弹动小球效果展示源码展示<!doctype html><html><head><meta charset="utf-8"><title>弹弹球（原生js）</title><style>* { margin:0; padding:0; font-family:Mi
2019-02-23 15:21:05
1278
2
原创 纯css3动画实现奔跑的小人
使用css3动画（纯css3动画实现）效果展示：代码展示：<!doctype html><html><head><meta charset="utf-8"><title>奔跑的小人</title><style>* { padding:0; margin:0;
2019-02-15 16:27:24
3852
3
原创 纯js实现头像上传预览加剪裁效果
效果展示：代码展示：<!doctype html><html><head><meta charset="utf-8"><title>头像上传预览加剪裁效果</title><script src="http://libs.baidu.com/jquery/1.7.2/jquery
2019-02-15 16:16:42
789
1
原创 纯js+c3动画实现3D动画翻转（ 翻书效果）
<!doctype html><html><head> <meta charset="utf-8"> <title>3D动画翻转</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquery.m
2019-02-15 16:11:39
3791
1
原创 纯CSS翻牌图片特效
使用图片<!doctype html><html><head><meta charset="utf-8"><title>纯CSS翻牌图片特效</title><script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js&qu
2019-02-15 15:50:56
590
原创 纯js实现三级联动省份
效果展示：源码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>三级联动省份-jq22.com</title> <script src="http://libs.baidu.com/jq
2019-02-15 15:32:05
1092
1
原创 jquery实现京东轮播图
效果<!doctype html><html><head><meta charset="utf-8"><title>jquery实现京东轮播图</title><script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.
2019-02-14 17:59:52
984
原创 jquery实现多余字体省略
jquery实现多余字体省略<!doctype html><html><head><meta charset="utf-8"><title>字符串超过40字截断为点点点-jq22.com</title><script src="http://libs.baidu.com/jquery
2019-02-14 17:01:26
252
原创 css面试题之行内元素在什么情况下可以设置宽高
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>行内设置宽高</title> <style> span{ width:
2019-02-14 16:54:42
758
原创 CSS3实现移动的正方体
效果展示：源码展示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{
2019-02-14 16:52:51
1175
原创 CSS3实现渐变色的字体
效果展示：源码展示：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> span{
2019-02-14 16:50:32
7147
原创 CSS3绘制大白(●—●)
效果展示：源码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>Baymax</title> <style> body { backgroun
2019-02-14 16:48:26
310
1
原创 CSS3动画实现加载球
效果展示：源码展示：<!doctype html><html><head> <meta charset="utf-8" /> <title>加载球</title> <style type="text/css"> .bo
2019-02-14 16:46:47
583
原创 canvas实现数字雨效果
效果展示：源码展示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数字雨</title></head><body>&
2019-02-14 16:23:45
1058
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人