PHP 代码分享
MongoDB 教程
正则表达式
jQuery 教程
JavaScript 代码片段
PHP7 教程
本文实例为大家分享了js实现星星闪烁效果的具体代码，供大家参考，具体内容如下星星闪烁的原理其实很简单：html代码：<bodystyle="background:#000"><divid="stars_box"></div></body>js：varstars_box=document.getElementById('stars_box');//获取id为star_box的元素varObj=function(){}//创建一个对象Obj.prototype.drawStar=function(){//增加对象原型方法drawStarvarodiv=document.createElement('div');//创建d...
继续阅读 >
本文实例为大家分享了js实现星星闪特效的具体代码，供大家参考，具体内容如下效果如下思路：1、准备一张星星的图片2、创建多个星星（可以利用for循坏）3、求出可视网页的宽高clientWidth，clientHeight4、设置星星的随机坐标利用Math.random()5、设置星星的缩放可以用css中的scale6、设置星星的缩放延迟频率animationDelay7、给星星加动画（鼠标移动时，星星方法旋转）代码如下<style>*{margin:0;padding:0;list-sty...
继续阅读 >
本文实例为大家分享了JavaScript统计字符出现次数的具体代码，供大家参考，具体内容如下统计用户输入字符串中各字符出现的次数。例如：输入字符串为”abca12abbc121d”，输出为：a出现3次，b出现3次，c出现2次，d出现1次，1出现3次，2出现2次。方法一<script>varary="abca12abbc121d";varobj={};vari=0;ary1=ary.toLocaleLowerCase();for(i=0;i<ary1.length;i++){key=ary1[i];if(obj[key]){//对象...
继续阅读 >
本文实例为大家分享了js面向对象方式实现拖拽的具体代码，供大家参考，具体内容如下拖拽功能的实现原理：（直接拿走！）<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title>Document</title><style>#box{position:absolute;left:100px;top:10...
继续阅读 >
本文实例为大家分享了javascript实现简单页面倒计时的具体代码，供大家参考，具体内容如下话不多说，直接贴代码<!DOCTYPEhtml><html><head><metacharset="utf-8"><styletype="text/css">body{color:red;text-align:center;}.one{color:black;text-align:center;}</style></head><body><p>日期倒计时<br>请输入目标日期并点击按钮，实现目标日期的倒计时！</p><formname="form1"><inputtype="tex...
继续阅读 >
本文实例为大家分享了JavaScript实现筛选数组的具体代码，供大家参考，具体内容如下今天，运用JavaScript的相关知识，制作了筛选数组的案例。希望我们互相学习，共同进步！最终效果图：js代码部分：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title>筛选数组</title><scrip...
继续阅读 >
本文实例为大家分享了JS实现百度搜索框的具体代码，供大家参考，具体内容如下实现原理向输入框动态输入时关键词，将当前关键词作为问号参数后面的值，因为要跨域使用百度的接口，所以通过JSONP跨域创建Ajax请求。回调函数处理返回值。尝试研究了一下百度的接口，发现原生的XHR接口参数有点复杂(百度应该是考虑了很多情况)。找了一个2345导航，在输入框随便输入一个字母s，打开Network,发现它也是向百度的一个地址发送了...
继续阅读 >
本文实例为大家分享了JavaScript实现随机点名器的具体代码，供大家参考，具体内容如下HTML代码：<body><h1>点名啦</h1><divid="did"><inputid="rollcall-id"type="button"value="随机点名器"><br><inputid="action-id"type="submit"onclick="doClick()"value="开始"></div></body>CSS代码：<style>*{margin:0px;padding:0px;}body{background-color:rgb(255,249,249);}h1{text-align:center;...
继续阅读 >
本文实例为大家分享了JavaScript实现京东轮播图效果展示的具体代码，供大家参考，具体内容如下做了一个仿京东的轮播图，当然没有人家官网的精美啦。主要技术点：每隔3秒自动切换图片；鼠标移入图片自动暂停切换，鼠标移出则继续；点击左右方向按钮手动切换图片；鼠标移到灰色圆点，显示对应的图片，并加亮显示。HTML代码：<body><h1>轮播图展示</h1><divid="did"><!--图片--><divid="img-div"onmouseover="doStop()"on...
继续阅读 >
本文实例为大家分享了JScanvas实现画板/签字板功能的具体代码，供大家参考，具体内容如下前言常见的电子教室里的电子黑板。本文特点：原生JS封装好的模块最简代码样例<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title></head><body><canvasid="canvas">...
继续阅读 >
本文实例为大家分享了js实现验证码动态干扰的具体代码，供大家参考，具体内容如下效果一效果二代码一<!doctypehtml><html><head><metacharset="utf-8"><title>js简单验证码使用</title><style>.code{font-family:Arial;font-style:italic;color:blue;font-size:30px;border:0;padding:2px3px;letter-spacing:3px;font-weight:bolder;float:left;cursor:pointer;width:150px;height:50px;line-height:60px;tex...
继续阅读 >
本文实例为大家分享了js实现验证码干扰的具体代码，供大家参考，具体内容如下效果代码<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><style>*{padding:0;margin:0;}canvas{background:#272822;}</style></head><body><canvasid='canvas'width='800'height='500'></canvas><script>//获得画板varcanvas=document.getElementById('canvas');//获得绘画环境varcv=canvas....
继续阅读 >