摘要：按钮是用户在网页中交互的重要工具，精彩的按钮设计会给用户带来不一样的交流冲动，并能大大提升用户体验。下面我们就向大家分享几个绚丽多彩的jQuery和CSS3按钮，希望对大家有所帮助。1、44个带小功能图标的按钮下面是44个漂亮的带有小功能图标的按钮，这些按钮不仅美观，而且能让用户一眼就能知道按钮的功能，很是直观，这里我们将这些按钮的源码一起奉献给大家。2、纯CSS3制作的五彩按钮下面是4个用纯CSS3制作的五彩按钮，这4个按钮仅仅利用了简单的几行CSS代码，并且色彩十分吸引人的眼球，非常漂亮，一起来看看这几个按钮吧。3、纯CSS3实现的旋转动画按钮下面是一组用纯CSS3实现的旋转动画按钮，该按 阅读全文
7个非常绚丽的JS网页游戏和源码
2012-06-27 08:30 by HTML5中文网站, 5755 阅读, 0 推荐, 收藏, 编辑
摘要：我们大部分朋友多少都玩过网页游戏，早些年的时候一些Flash小游戏网站都十分热门。那么如今，我们也可以用JS和HTML5来实现相当绚丽的网页游戏，当然如果你还在用老版本的IE浏览器，那可能性能上会受到很大的限制。下面一起来分享7个比较不错的JS网页游戏。1、Javascript坦克大战游戏坦克大战是一款非常经典的休闲小游戏，相信很多朋友都玩过，但是Javascript重写的坦克大战你可能没有见过哦。下面大家就一起来体验一下Javascript版的坦克大战游戏。2、HTML5超级玛丽游戏超级玛丽也是一款非常经典的游戏，今天，它也将以HTML5重新展现你的面前。HTML5的力量让超级玛丽给人以不一 阅读全文
HTML5视频音频播放器实例和源码分享（一）
2012-06-26 08:34 by HTML5中文网站, 5312 阅读, 3 推荐, 收藏, 编辑
摘要：本文主要收集了5个经典的HTML5视频和音频播放器，曾在围脖上看到有人因为上课想看U盘里的H片，但机房电脑中没有合适的播放器，于是该人用短短几行HTML5代码写了个播放器来观看H片，HTML5真的带给我们很大的方便哟。下面的几个HTML5播放器实例希望给大家带来帮助。 1、HTML5音频视频播放器jPlayer jPlayer是一款基于jQuery和HTML5的音频播放器和视频播放器，jPla... 阅读全文
分享简单实用的jQuery图片播放实例和源码
2012-06-21 08:36 by HTML5中文网站, 2955 阅读, 2 推荐, 收藏, 编辑
摘要：1、jQuery水平5屏图片播放器 这是一款基于jQuery的图片播放插件，一共分5屏，有JS代码基础的朋友也可以根据自己的需求修改需要展示的图片数量，这个jQuery图片播放插件整体滑动比较流畅，兼容所有主流浏览器。 2、jQuery图片水平播放插件 这是一个非常简洁但又十分实用的jQuery图片水平播放插件，这个jQuery图片播放插件允许你自己定义同时滚动几张图片，并且滑动很平滑。... 阅读全文
分享10款漂亮实用的CSS3按钮
2012-06-15 08:38 by HTML5中文网站, 5686 阅读, 4 推荐, 收藏, 编辑
摘要：昨天向大家介绍了一些精美的菜单《分享简单而实用的网页菜单导航》。这次主要给大家分享10款风格各异的CSS3按钮，如果你希望你的页面也能有很炫的样式，那么我相信这10款CSS3按钮就非常适合你，而且每一款都整理了源代码供参考，一起来看看吧。 1、绚丽的CSS3发光按钮特效 这是用纯CSS3实现的一组按钮特效，这组按钮不仅色彩绚丽，更重要的是如果在chrome或者safari浏览器中还能呈现出闪闪... 阅读全文
分享简单而实用的网页菜单导航【提供源码】
2012-06-13 23:59 by HTML5中文网站, 7153 阅读, 4 推荐, 收藏, 编辑
摘要：菜单导航对于一个网站来说非常重要，对于浏览者来说，导航设计的好坏将直接影响用户的体验。这里，我们为网页开发者提供了一系列简单但是实用的导航菜单例子及其源码，仅供参考和学习。 CSS3相关的导航 1、CSS3水平导航和垂直导航 这是一款灰色风格的导航，具有水平和垂直的形式，这个导航是由CSS3实现的，所以需要用支持CSS3的浏览器来查看。你可以通过自己修改CSS代码轻松实现漂亮的水平导航和垂直... 阅读全文
CSS3和jQuery动态时钟制作过程
2012-05-03 23:32 by HTML5中文网站, 3386 阅读, 5 推荐, 收藏, 编辑
摘要：本文译自Old School Clock with CSS3 and jQuery，主要讲述了如何利用CSS3和jQuery制作一个漂亮的动态时钟。Hi，大家好，我叫Toby Pitman，Chris曾邀请我写一篇关于最近我在论坛上发的一些实验成果，于是当我在WebKit blog和saw an article上看一些新的CSS3动画时，有一个rotate属性深深地吸引了我的眼球，于是就开始着手写这篇文章了。我当时就在思考什么东西可以在网页上旋转呢（貌似GIF动画图片可以），于是我有个点子--是的，时钟不就是可以旋转的吗！开始！CSS3 Transform:rotateTransform:ro 阅读全文
CurvyCorners -- 让你的IE也支持CSS3圆角
2012-04-28 16:18 by HTML5中文网站, 595 阅读, 0 推荐, 收藏, 编辑
摘要：自从CSS3标准出来后，对于圆角的处理变得更简单了，仅仅用几行CSS代码就能实现圆角。但是，目前还有不少浏览器仍不支持CSS3标准，比如 IE6、7、8，那么我们是否能让IE也支持像CSS3那样的圆角呢？答案是当然可以的，用Javascript吧，这里我向大家推荐一个 Javascript圆角插件CurvyCorners。如果用纯CSS3实现圆角，可以参考一下代码：/*-moz-border-radius 是 Firefox 实现圆角的私有属性*/-moz-border-radius: 5px;/*-webkit-border-radius 是 webkit 内核浏览器（如 Safari 和 阅读全文
HTML5中表单验证的8种方法
2012-04-20 12:34 by HTML5中文网站, 2467 阅读, 0 推荐, 收藏, 编辑
摘要：前一篇，我们介绍了HTML5中新的表单特性和函数， 今天就继续来谈谈HTML5的表单验证。在深人探讨表单验证之前，让我们先思考一下表单验证的真实含义。就其核心而言，表单验证是一套系统，它为终端用户检测无效的控件数据并标记这些错误。换言之，表单验证就是在表单提交服务器前对其进行一系列的检查并通知用户纠正错误。但是真正的表单验证是什么？是一种优化。之所以说表单验证是一种优化，是因为仅通过表单验证机制不足以保证提交给服务器的表单数据是正确和有效的。另一方面，设计表单验证是为了让Web应 用更快地抛出错误。换句话说，最好利用浏览器内置的处理机制来告知用户网页内包含无效的表单控件值。过去，数据在网络上转 阅读全文
使用CSS3打造的精美特效盘点，部分有中文制作教程及源码
2012-04-16 09:11 by HTML5中文网站, 1722 阅读, 4 推荐, 收藏, 编辑
摘要：CSS3可以帮你完成很多你意想不到的东西，有些甚至瞬间秒杀了你的眼睛。如果你对WEB前端感兴趣，为何不尝试自己用CSS3弄个小玩意儿，分享给你的朋友？其实我想表达的是，CSS3可以充分挖掘你的想象力，因为它给了你更大的遐想空间。不信？来看看下面几个精彩的CSS3特效吧，有些附有中文制作教程和源码，希望大家会喜欢。1、CSS3 Windows 7开始菜单制作教程及示例和源码2、CSS3 让文字按路径显示这个是让你的一行文字按某个路径轨迹显示，打破了传统横平竖直的显示方式3、CSS3 各种图形的绘制（矩形、圆形、三角形、多边形、爱心、八卦）这个真的很棒，尤其是最后一个八卦，用chrome能看到全部 阅读全文