PHP 代码分享
MongoDB 教程
正则表达式
jQuery 教程
JavaScript 代码片段
PHP7 教程
本文实例为大家分享了canvas实现五子棋小游戏的具体代码，供大家参考，具体内容如下效果思路canvans绘制棋盘，绘制时候边缘预留棋子位置监听点击事件绘制落子并记录到字典中获胜判定，在四个方向上检测是否有足够数量的连贯棋子代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>ym</title><style>canvas{display:block;margin:0auto;border:0}.result{...
继续阅读 >
本文实例为大家分享了js实现放大镜组件开发的具体代码，供大家参考，具体内容如下功能需求：1、根据图片数组创建图标列表；2、鼠标滑过图标时，当前图标增加红色边框；3、鼠标滑过图标时，上方图片区域显示对应的图片，右侧显示放大后的图片内容；4、鼠标在图片区域移动时，在右侧实现放大效果；5、下方图标列表，点击左右按钮，实现翻页效果；6、当图标内容不够一页时，只移动到最后一个图标的位置；以京东的详情页为例，看一下效...
继续阅读 >
本文实例为大家分享了js实现自定义滚动条组件的具体代码，供大家参考，具体内容如下功能需求：1、按照数据结构创建菜单内容，显示在页面中；2、点击菜单后，显示对应的下级菜单内容，如果整体内容溢出，则出现滚动条；3、滚动条的高度要随着整体内容高度的改变而改变。4、鼠标拖动滚动条，整体内容要随着向上滚动。5、当鼠标滚动时，滚动条和整体内容也要相应滚动。来看一下效果：默认状态：点击菜单，内容溢出后，出现滚动条；鼠...
继续阅读 >
本文实例为大家分享了JavaScript实现下拉列表的具体代码，供大家参考，具体内容如下这一次写了一个比较简单的下拉列表的实现，点击出现列表内容，再次点击列表消失，研究了很久，发现这种js写法确实比较好用。先看一下效果。直接上代码，js是主要写的部分，css是随意调试的，不过这个写法要用到css。1、HTML部分的代码<body><!--最外面的一层--><divclass="outer"><!--里面的--><divclass="inner"><h2>第一</h2><ul><li>a</l...
继续阅读 >
本文实例为大家分享了js实现电灯开关效果的具体代码，供大家参考，具体内容如下通过对js的一个学习，我们来完成一个模拟电灯开关的小案例。首先对本案例进行一个分析，过程如下：1.获取图片属性2.绑定单击事件3.点击时切换图片1.通过按钮实现电灯开关<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><body><imgsrc="imgs/on.gif"alt=""id="img"><br><!--图片--><inputtype="button...
继续阅读 >
本文实例为大家分享了JS实现纸牌发牌动画的具体代码，供大家参考，具体内容如下先看演示游戏构建准备1.准备52张纸牌2.一张桌布3.编辑工具为VisualCode技术概要1.对象操作2.数据操作3.JSanimation动画4.全局变量functiondesen_x(){letthat=this;vardesen=["h_1","h_2","h_3","h_4","h_5","h_6","h_7","h_8","h_9","h_10","h_11","h_12","h_13","p_1","p_2","p_3","p_4","p_5","p_6","p_7","p_8","p_9","p_10","p_11","p...
继续阅读 >
本文实例为大家分享了js实现随机点名的具体代码，供大家参考，具体内容如下代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><style>div:nth-child(1){width:200px;height:100px;background-color:burlywood;text-align:center;line-height:100px;}div:nth-child(2){widt...
继续阅读 >
js有趣的倒计时小案例，供大家参考，具体内容如下代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><style>*{margin:0;padding:0;}.wrap{overflow:hidden;width:500px;height:500px;background-color:#eeeeee;margin:0auto;}...
继续阅读 >
JavaScript实现消消乐的源码下载地址：点击下载源代码index.html<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title>LuckyStar</title><linkrel="stylesheet"href="./css/index.css?v=1.0.0"rel="exte...
继续阅读 >
本文实例为大家分享了js动态生成表格的具体代码，供大家参考，具体内容如下针对DOM节点操作，该案例效果图如下（代码量不多，就没有结构与行为相分离）：原生js实现（注释里面解释了做法）：<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><styletype="text/css">table{width:500px;margin:100pxauto;border-collapse:collapse;text-align:center;}td,th{border:1pxsolid#333;}thead...
继续阅读 >