摘要: 页面跳转可能是由于用户单击链接、按钮等触发的,也可能是系统自动产生的。页面自动跳转在WEB开发中经常用到,而且根据需求可以采用不同的跳转方式,比如提示操作信息后延时跳转等, 本文总结了WEB开发中常见的几种页面跳转方法。PHP header()函数跳转PHP的header()函数非常强大,其中在页面... 阅读全文
posted @ 2014-11-13 13:34 月光光博客 阅读(564) 评论(0) 推荐(0) 编辑
摘要: 你玩过刮刮卡么?一不小心可以中奖的那种。今天我给大家分享一个基于HTML5技术实现的刮刮卡效果,在PC上只需按住鼠标,在手机上你只需按住指头,轻轻刮去图层就可以模拟真实的刮奖效果。我们利用HTML5的画布Canvas,结合其提供的API,在Canvas元素上绘制一个灰色蒙层,然后通过检测用户鼠标移到... 阅读全文
posted @ 2014-11-13 13:29 月光光博客 阅读(274) 评论(0) 推荐(0) 编辑
摘要: HTML5的video和audio标签是用来在网页中加入视频和音频的标签,在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。使用html5media.... 阅读全文
posted @ 2014-11-13 13:26 月光光博客 阅读(304) 评论(1) 推荐(0) 编辑
摘要: 我们在编辑用户资料时经常会遇到选择生日选项的问题,今天我给大家介绍如何使用js来实现年月日(生日)选择器,能够准确计算闰年的年月日,方便表单处理。文章:http://www.helloweba.com/view-blog-263.html演示:http://www.helloweba.com/dem... 阅读全文
posted @ 2014-11-13 13:22 月光光博客 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 我们见过很多页面右侧浮动效果,最早有QQ联系面板,对联广告等,大多数都是基于Javascript实现的动态效果,今天我给大家分享一个只需要CSS结合DIV实现的右侧浮动效果。HTML我们希望悬浮效果最后加载,因此一般将其放置在页面HTML的末尾,我们建立一个.side-bar,里面包含了QQ在线咨询... 阅读全文
posted @ 2014-11-13 13:17 月光光博客 阅读(1419) 评论(0) 推荐(0) 编辑
摘要: 我们在设计一些页面内容甚少的网页时(典型应用就是登陆页面),由于显示器的分辨率大,在正常情况下,假如页面内容高度小于浏览器高度时,页面底部以下会留下很大的空间...先看示例:http://www.helloweba.com/demo/cssfooter/demo1.html不管浏览器的高度怎么变化,... 阅读全文
posted @ 2014-11-13 13:11 月光光博客 阅读(1188) 评论(0) 推荐(0) 编辑
摘要: 我给大家介绍一下如何使用CSS3来制作一个圆角阴影、渐变色的漂亮的按钮,它不需要任何图片和javascript脚本,只需要CSS3就可以轻松实现按钮效果,并且可以适用于任意HTML元素,想div,span,p,a,button,input等等。这些纯CSS代码制作的按钮大小可以根据字体大小自动调整,... 阅读全文
posted @ 2014-11-13 13:05 月光光博客 阅读(767) 评论(0) 推荐(0) 编辑
摘要: 在电视节目中有一种抽奖形式暂且叫做翻板抽奖,台上有一个墙面,墙面放置几个大方块,主持人或者抽奖者翻开对应的方块即可揭晓中奖结果。类似的抽奖形式还可以应用在WEB中,本文将使用PHP+jQuery为您讲解如何实现翻板抽奖程序。 阅读全文
posted @ 2012-11-01 10:00 月光光博客 阅读(604) 评论(1) 推荐(0) 编辑
摘要: 我们在一些WEB应用中可能会遇到这样的情况,用户需要自己现场拍照并上传到会员系统。比如驾校采集指纹拍照流程、考试现场采集照片等。我们今天要讲的是如何使用javascript和PHP实现一个简单的在线拍照并上传的功能。 阅读全文
posted @ 2012-10-22 10:55 月光光博客 阅读(929) 评论(5) 推荐(0) 编辑
摘要: 倒计时一般是用来表示未来某一时刻距现在时刻还剩多少时间。倒计时在WEB上应用非常广泛,如考试系统倒计时,团购网站中的优惠活动倒计时等等。今天,我们来使用jQuery实现一个简单的倒计时功能。 本文以团购网站的倒计时为背景,我们知道,网站会给每个优惠活动(商品)定一个结束时间,也就是到期时间,但系统时间到达了结束时间,就意味着活动结束。因此,我们在HTML中就要定义活动的结束时间。 阅读全文
posted @ 2012-10-10 13:10 月光光博客 阅读(375) 评论(0) 推荐(0) 编辑