摘要：
翻板抽奖的实现流程：前端页面提供6个方块，用数字1-6依次表示6个不同的方块，当抽奖者点击6个方块中的某一块时，方块翻转到背面，显示抽奖中奖信息。看似简单的一个操作过程，却包含着WEB技术的很多知识面，所以本文的读者应该熟练掌握jQuery和PHP相关知识。HTML抽奖者自己决定选取其中的某一个方块... 阅读全文
摘要：
在一个单页面设置一个主菜单，当页面滚动时主菜单位置固定在页面窗口中不动，或左或右，或上或下。当单击菜单项时，页面滚动到菜单对应的内容区，当页面滚动到预定内容位置时，对应的菜单项变为当前选中样式。此效果可以应用在一些内容比较长的单页设计，本文将介绍使用JjQuery和css来实现这一效果，demo中分... 阅读全文
摘要：
bxSlider特性1.充分响应各种设备，适应各种屏幕；2.支持多种滑动模式，水平、垂直以及淡入淡出效果；3.支持图片、视频以及任意html内容；4.支持触摸滑动；5.支持Firefox，Chrome，Safari，iOS，Android，IE7+如何使用bxSlider1、首先是加载jQuery库... 阅读全文
摘要：
准备我们需要准备道具（素材），即相关图片，包括金蛋图片、蛋砸碎后的图片、砸碎后的碎花图片、以及锤子图片。HTML我们页面上要展现的是一个砸金蛋的台子，台上放了编号为1，2，3的三个金蛋，以及一把锤子。我们构建以下html代码：锤子123上述代码中，.hammer放置锤子，.resultTip用于砸蛋... 阅读全文
摘要：
当用户使用手机等移动终端访问网站时，我们可以通过程序检测用户终端类型，如果是手机用户，则引导用户访问适配手机屏幕的移动站点。本文将介绍分别使用PHP和JAVASCRIPT代码判断用户终端类型。PHP版我们使用PHP的$_SERVER['HTTP_USER_AGENT']来获取手机用户浏览器的用户代理... 阅读全文
摘要：
本文结合实例为大家讲解如何实现一个掷色子猜大小的游戏功能。上期我们给大家介绍了jQuery掷色子动画，本期在上期的基础上，涉及到HTML，CSS，jQuery以及PHP相关知识，文章重点关注后台PHP程序会根据用户选择的大小计算概率，控制最终掷出的点数，本例中用户猜中几率为20%。HTML本例中用到... 阅读全文
摘要：
目前好多网站上应用的转盘抽奖程序大多是基于flash的，而本文结合实例将使用jQuery和PHP来实现转盘抽奖程序，为了便于理解，作者分两部分来讲解，本文讲解第一部分，侧重使用jQuery实现转盘的转动效果。第二部分侧重使用PHP后台代码控制抽奖几率并最终实现转盘抽奖，将在下一篇文章中有讲解。准备工... 阅读全文
摘要：
我们利用HTML5的画布Canvas，结合其提供的API，在Canvas元素上绘制一个灰色蒙层，然后通过检测用户鼠标移到和手势来绘制一个透明的图形，这样就能看到Canvas背景下的真实图片，就达到刮刮卡效果。HTML我们只需要在页面中加入canvas标签元素，其他的就看javascript的了。注意... 阅读全文
摘要：
在移动设备上构建设计良好的网站慢慢变得越来越容易。不论使用什么方法(响应式设计、自适应等),如果你了解你所做的,创建一个美观的网站不是问题。但你的用户可能仍然要求网站有原生app的体验。完成这样的体验是一个挑战。大多数时候,当人们谈论“app”或“原生”的感觉,他们讲的的不是一个网站的视觉体验。他们... 阅读全文
摘要：
HTML5的video和audio标签是用来在网页中加入视频和音频的标签，在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。使用html5media.... 阅读全文