JavaScript案例
袁成新(Chauncey Yuan)
这个作者很懒,什么都没留下…
展开
-
JavaScript随机生成一个满足数独结果的二维数组
【代码】JavaScript随机生成一个满足数独结果的二维数组。原创 2024-02-29 16:50:15 · 264 阅读 · 1 评论 -
打通node+MySQL+JavaScript的第一步
打通node+MySQL+JavaScript的第一步原创 2020-03-22 17:08:46 · 215 阅读 · 0 评论 -
js模拟瀑布流加载图片
大概这个样子90张高清原图都是我自己做过电脑壁纸的,下载地址待明日上传好之后更新出来html<div class="out"> <div class="in"> <img src="img/img1.jpg" alt="" width="280px"> </div> <div class="in...原创 2019-12-29 17:15:33 · 240 阅读 · 0 评论 -
基于canvas的飞机大战小游戏改图版
html<body> <canvas id="game" width="480" height="850"></canvas> <audio id="audio" src="media/ThePhoenix.mp3"></audio> <script src="js/planeWar.js">&l...原创 2019-12-22 21:35:56 · 190 阅读 · 0 评论 -
JavaScript案例:canvas实现普通4位验证码
效果图html和样式 <style> * { margin: 0px; text-align: center; user-select: none; } body { padding-top: 30px; ...原创 2019-12-15 22:30:20 · 173 阅读 · 0 评论 -
JavaScript案例:H5 video自定义控制器
video作为h5中新增的标签,定义视频,比如电影片段或其他视频流。video在各个浏览器中的默认控件都不太一样,还不太好看,所以就得自定义分享一个自己写的video控件,实现功能包括暂停/播放、进度条控制、音量调节、时间显示、全屏全屏html<div class="video"> <!-- 视频播放区 --> <video id="...原创 2019-12-15 20:27:57 · 1525 阅读 · 0 评论 -
js操作表格数据,DOM实现数据动态增删查改
基本功能demo中涉及到的管理员密码为:962464。当然啦,那是假的,代码里面能找到,随意修改,模拟敏感操作而生1、增加点击增加按钮,出现信息输入界面,输入完成后确认添加2、删除直接点击“删除”按钮点击全选,出现“删除已选”按钮,删除已选项任意点击某一项或多项前的选择框,出现“删除已选”按钮,删除已选项3、查询姓名、手机号、性别三者单独查询或者联合查询,模糊查询4、排序按学...原创 2019-12-01 18:10:10 · 1222 阅读 · 1 评论 -
JavaScript案例:滑块调节元素颜色
分享一个DOM案例,使用滑块去控制页面中某个元素的颜色HTML页面: Red: <input type="range" name="gerColor" value="171" min="0" max="255" id="r"> <br> Green: <input type="range" name="gerColor" v...原创 2019-11-23 11:49:31 · 1242 阅读 · 0 评论 -
JavaScript:将输入的一串数字转换成中文大写,最高可写12位(千亿)
将输入的一串数字转换成中文大写,最高可写12位(千亿)例:输入:10000,输出:壹万输入:10010,输出:壹万零壹拾源码:function toChineseBig(num) { // 将接收到的num转换为字符串 var strNum = String(num); // 定义单位 var ...原创 2019-11-09 14:45:17 · 1174 阅读 · 0 评论 -
js全选按钮实现
全选功能:勾选或者取消全选按钮,其他按钮自动全部选中或者全部取消。其他按钮未全部被选中时,全选按钮不勾选。其他按钮全部被选中时,全选按钮自动勾选。页面内容:<div> <ul> <li><input type="checkbox" id="check_all"><label for="check...原创 2019-11-04 21:47:51 · 1094 阅读 · 4 评论 -
js数组去重四种方法简单比较
直接上代码。。。定义一个只包含number、string、boolean三种类型的数组var numList = [6, "vip", 234, 684, "ycx", "ycx", 8, 243, true, null, 452, 452, undefined, 37, 6, 2, undefined, 2, false, true, 8, 57];方法一:function uniqu...原创 2019-11-04 20:49:10 · 488 阅读 · 0 评论 -
JavaScript案例:根据籍贯的文本内容,更新二级联动显示
之前在完成项目的过程中,遇到一个需求,需要将籍贯的文本信息显示到二级联动的下拉框中,用纯js写完了,现分享如下:html主要内容<div class="stuNativePlace">湖北省宜昌市</div><button class="show_btn">点击显示到二级联动菜单中</button><br><select ...原创 2019-10-27 20:26:54 · 1121 阅读 · 0 评论 -
js控制元素旋转速度
本来是项目中需要画一个叉叉,在一个单独的html页面中利用四个三角形挡住父元素的背景颜色的方法画出来之后,一时兴起用js让它转了起来,最后写了两个按钮控制了速度。源码:<!-- /* * @Author: Chauncey Yuan * @Date: 2019-10-20 20:46:37 * @Last Modified by: Chauncey Yuan * @Las...原创 2019-10-20 21:21:46 · 2159 阅读 · 0 评论 -
JavaScript:信息管理基础功能(增删查改)
基本功能1、增加点击增加按钮,出现信息输入界面,输入完成后确认添加2、删除直接点击“删除”按钮点击全选,出现“删除已选”按钮,删除已选项任意点击某一项或多项前的选择框,出现“删除已选”按钮,删除已选项3、查询姓名、手机号、性别三者单独查询或者联合查询4、排序按学号(ID)升序或降序按姓名升序或降序按年龄升序或降序查询后的结果按以上任意一个方式排序5、修改点击修改按钮,...原创 2019-08-25 23:37:06 · 227 阅读 · 0 评论