HTML5数字时钟之闹钟

HTML5数字时钟之闹钟

时间:2014-10-19 17:45标签:html5  jquery  时钟 

上一篇文章中,我们介绍了如何制作一个数字时钟,今天我要在本文中给大家介绍在数字时钟基础上增加设置闹钟响铃功能。本文中使用了HTML5的audio元素来调用响铃音频。阅读全文

使用jQuery和CSS3制作数字时钟(jQuery篇)

使用jQuery和CSS3制作数字时钟(jQuery篇)

作者:月光光 时间:2014-10-11 16:36标签:css3  jquery  时钟 

上一篇文章中,我们使用CSS3制作了一个漂亮的数字时钟,本文将紧接上一篇文章内容,结合jQuery来让数字时钟真正跑起来,实现一个带有日期和星期的真正网页版数字时钟。阅读全文

使用jQuery和CSS3制作数字时钟(CSS3篇)

使用jQuery和CSS3制作数字时钟(CSS3篇)

作者:月光光 时间:2014-10-03 18:15标签:css3  jquery  时钟 

数字时钟可以应用在一些WEB倒计时效果、WEB闹钟效果以及基于HTML5的WEB APP中,本文将给大家介绍不借助任何图片,如何使用CSS3和HTML来制作一个非常漂亮的数字时钟效果。阅读全文

使用moment.js轻松管理日期和时间

使用moment.js轻松管理日期和时间

作者:月光光 时间:2014-09-25 00:36标签:javascript  日历 

大家在前端Javascript开发中会遇到处理日期时间的问题,经常会拿来一大堆处理函数才能完成一个简单的日期时间显示效果。今天我给大家介绍一个轻量级的Javascript日期处理类库:moment.js,使用它可以轻松解决前端开发中遇到的种种日期时间问题。阅读全文

使用HTML5实现刮刮卡效果

使用HTML5实现刮刮卡效果

作者:月光光 时间:2014-09-18 17:45标签:html5  抽奖  刮刮卡 

你玩过刮刮卡么?一不小心可以中奖的那种。今天我给大家分享一个基于HTML5技术实现的刮刮卡效果,在PC上只需按住鼠标,在手机上你只需按住指头,轻轻刮去图层就可以模拟真实的刮奖效果。阅读全文

纯CSS实现的帮助提示信息效果

纯CSS实现的帮助提示信息效果

作者:月光光 时间:2014-09-10 17:38标签:css3 

我们在网页上有时会针对一些内容做详细说明,以便更友好的服务用户。最常见的是在网站上加个用户使用帮助,但是一般需要跳转页面。今天我给大家介绍只需将鼠标滑向一个小问号上,就会出现帮助提示信息的效果。阅读全文

纯CSS实现的右侧底部简洁悬浮效果

纯CSS实现的右侧底部简洁悬浮效果

作者:月光光 时间:2014-09-06 22:02标签:css  悬浮 

我们见过很多页面右侧浮动效果,最早有QQ联系面板,对联广告等,大多数都是基于Javascript实现的动态效果,今天我给大家分享一个只需要CSS结合DIV实现的右侧浮动效果。阅读全文

页面右侧浮动固定层返回顶部按钮带二维码展示功能

页面右侧浮动固定层返回顶部按钮带二维码展示功能

作者:月光光 时间:2014-08-31 02:32标签:jquery  滚动  二维码 

移动互联网时代的到来,大家可以通过“扫一扫”功能轻松在移动端获取需要的信息。今天我给大家分享一个WEB功能,它是一个漂浮在网页的右侧的小工具条,我们可以使用它上下快速定位页面位置,可以弹出微信二维码或者页面地址二维码,让喜欢在手机等移动设备上阅读的朋友轻松获取信息。阅读全文

跨浏览器兼容的HTML5视频音频播放器

跨浏览器兼容的HTML5视频音频播放器

作者:月光光 时间:2014-08-25 18:35标签:html5  视频 

HTML5的video和audio标签是用来在网页中加入视频和音频的标签,在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。阅读全文

Flexslider图片轮播、文字图片相结合滑动切换效果

Flexslider图片轮播、文字图片相结合滑动切换效果

作者:月光光 时间:2014-08-14 21:03标签:Flexslider  滚动  图片 

Flexslider是一款基于的jQuery内容滚动插件。它能让你轻松的创建内容滚动的效果,具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效果。阅读全文

上一页1234567...24下一页
顶部 反馈 二维码 底部

扫描二维码用手机看文章