- 博客(13)
- 资源 (2)
- 问答 (8)
- 收藏
- 关注
原创 HTML5小游戏之五子棋续篇
通过上一篇的代码,我们已经实现了五子棋这个游戏,并且可以开始人机大战了。不过js的代码部分还是新手写法,扩展性也不强,也不容易修改,假如我们把棋盘大小改一下要修改很多地方,要加入别的功能也会很困难,所以后续又改成了面向对象的写法,想必这样做的有点我不用再赘述了,直接上代码:function chess(){ var self=this; this.canvas=docume
2016-08-18 17:01:54 398
原创 css实现元素的垂直居中
在之前做的几套笔试题中,经常会看到如何让元素实现垂直居中的问题,今天我们来看一下,如何实现一个元素的垂直居中。一、单行文本在固定高度的父元素中的垂直居中这个比较简单,只需要给父元素加上line-height样式即可,值与父元素的height值相等即可。但是局限性也比较大,只能是但行文本。如图:二、块级元素在父元素中的垂直居中这种情况下稍微麻烦一点,不过办法还是有的c
2016-08-15 17:01:35 400
原创 漂亮的LightBox图片画廊插件开发
今天给大家带来的是LightBox图片画廊插件的实现方法,用jQuery制作出一款简洁、漂亮的图片画廊,下面我们先看一下实现的效果:这是我们最终实现的效果图,点击小图片之后弹出的对应的大图,中间有过渡动画,效果非常好看。下面我们来看一下LightBox插件的实现方法一、首先我们要引入jQuery,我这里用的是2.1.1版本的src="js/jquery-2.1.1.js">
2016-08-10 16:53:52 2298
原创 修改input输入框的样式
我们在写表单的时候,经常需要自定义表单的样式,当然input输入框也不例外,那么如何能写出好看一点的输入框呢?下面我们来写个简单的表单<form action="" method="get"> <div class="input_control"> <input type="text" class="form_input" pl...
2016-08-08 10:51:02 120441 6
原创 轮播广告效果实现
由于看到每个电商网站的首页基本上都有轮播广告,所以我也写了一个简单的轮播广告效果,记录一下,以后用到的话可以直接使用了。本篇主要介绍如何在我们的网页中快速实现轮播效果,js的原理部分在续篇中详细讲解。一、首先在HTML中想要放轮播的地方加入以下代码:id="slider"> id="imgs"> id="indexs">二、在样式文件中加入以下样式:
2016-08-05 17:16:39 5428 2
原创 Ajax实现异步交互
试想一个场景,你正在某个网站上上传几张照片,分别有几个上传的地方,如果上一张没有传完,你就不能点击下一个上传按钮,这样的等待体验是不是很糟糕呢。再试想一个场景,当你在淘宝购物的时候,如果点击了某个提交按钮,整个页面都跟着刷新,这样的感觉想必也不是好。如何解决这些问题呢?没错,接下来就请出我们今天的主角,Ajax!什么是Ajax呢,Ajax是Asynchronous Javascript And
2016-08-04 09:42:34 4641 14
原创 炫酷的canvas续篇
通过第一篇,已经实现了用canvas来绘制一个计时器,接下来我们要让它动起来,给它增加动画效果。只要有计时器上有数字改变,就产生小球掉落效果,且颜色随机,方向为前后随机,集体代码如下首先我们要在全局定义一个小球数组变量和一个小球颜色常量数组var balls=[];const colors=["#33b5e5","#0099cc","#aa66cc","#9933cc","#99cc
2016-08-02 09:38:21 303
原创 炫酷的canvas
最近做的项目里面有涉及到canvas,虽然之前有学习过canvas,不过好久没使用,慢慢有些生疏了。下面就来说说canvas的一些基本功能,以及最后完成的一个炫酷小demo,虽然难度不大,不过比较有趣,既熟悉了canvas,又得到了很多乐趣,何乐而不为呢。首先我们需要在html里面写一对canvas标签,id为canvasid="canvas" style="display:block
2016-08-01 20:58:27 601
openwrt查看实时连接客户端
2016-11-16
路由器app的后台是如何实现的?
2016-09-28
php如何实现一个注册用户每次只能在一个终端登录?
2016-09-12
php返回json数据给Android手机端报错
2016-09-08
php返回数据给android报错
2016-09-08
php如何向别的服务器发请求
2016-08-31
如何向WEB服务器上传图片?
2016-08-30
$.alert is not a function
2016-08-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人