js
本专栏主要是js实现一些小案例,
Mr.王征
让自己觉得还活着
展开
-
js实现双色球效果
效果展示:源码展示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js实现双色球效果</title> <style> span{原创 2019-03-17 21:55:38 · 2196 阅读 · 1 评论 -
js数据类型转换
输出下列数据比较结果: [] == 0; //==============================================================true [] == false; //==========================================================true [] == undefined; //==...原创 2018-06-12 19:48:10 · 140 阅读 · 0 评论 -
js实现3D旋转相册
效果展示:使用图片: 。。。。剩余自己随意 图片大小为133*200代码展示:<!DOCTYPE html><!--设置图片的拖拽事件 不可用--><html lang="en" ondragstart="return false"><head> <meta charset="UTF-8"原创 2019-03-15 10:41:04 · 15267 阅读 · 8 评论 -
js实现tab栏切换
效果展示:源码展示:<!doctype html><html><head> <meta charset="utf-8"> <title>js实现tab栏切换</title> <style> * { margin:原创 2019-03-02 08:21:38 · 259 阅读 · 1 评论 -
js实现点击上传图片,同时设该图片为模糊背景
效果展示:源码展示:<!doctype html><html><head> <meta charset="utf-8"> <title>js实现点击上传图片,同时设该图片为模糊背景</title> <script src="http://libs.baidu原创 2019-03-01 16:07:25 · 712 阅读 · 1 评论 -
canvas实现水球加载动画
效果展示:源码展示:<!doctype html><html><head> <meta charset="utf-8"> <title>canvas实现水球加载动画</title> <style> body { d原创 2019-02-28 09:39:04 · 1050 阅读 · 0 评论 -
将文本转成语音播报
<!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 · 603 阅读 · 0 评论 -
原生js实现弹幕效果
效果展示:源码展示:<!doctype html><html><head> <meta charset="utf-8"> <title>原生js实现弹幕效果</title> <style> * { padding:原创 2019-02-28 10:15:28 · 1724 阅读 · 3 评论 -
js实现跳动文字
效果展示:源码展示:<!doctype html><html><head> <meta charset="utf-8"> <title>js实现文字跳动</title> <style> #txtDom { pad原创 2019-02-28 09:16:58 · 2904 阅读 · 5 评论 -
纯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 阅读 · 0 评论 -
原生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 · 1984 阅读 · 0 评论 -
原生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 评论