使用jQuery和CSS3制作的响应式水平时间轴

使用jQuery和CSS3制作的响应式水平时间轴

作者:月光光 时间:2015-12-18 11:36标签:jquery  css3  时间轴 

我们经常看到有很多的垂直时间轴用来记录事件进展,而有朋友问我要求分享水平的时间轴,其实水平时间轴的难点在于自适应屏幕尺寸。那么 今天我要给大家分享的是一款支持响应式、支持触屏手势滑动的水平时间轴。阅读全文

非常漂亮的HTML5音乐播放器

非常漂亮的HTML5音乐播放器

作者:月光光 时间:2015-12-12 16:34标签:播放器  HTML5 

APlayer是一个非常漂亮的HTML5音频播放器,它将audio标签封装,并结合CSS制作出漂亮的播放器UI,它支持设置歌名、歌手和歌词,可以设置是否自动播放,支持缩略图,支持播放进度以及设置播放源。阅读全文

使用CSS制作的页面背景固定和滚动效果

使用CSS制作的页面背景固定和滚动效果

作者:月光光 时间:2015-12-04 15:43标签:css  滚动 

如何创建一个不需要Javascript而仅仅只需CSS的background-attachment属性就能实现页面背景固定和滚动效果。我们看到现在有很多的网站项目使用了视差效果,通过图片和背景的动态变化以及js脚本来产生视差,而今天我们只需要CSS即可。阅读全文

图片上传和裁剪应用:Croppie

图片上传和裁剪应用:Croppie

作者:月光光 时间:2015-11-27 15:30标签:上传  裁剪  HTML5 

在很多应用需要上传本地图片然后再按尺寸适当裁剪以符合网站对图片尺寸的要求。最常见的就是各用户系统要求用户上传和裁剪头像的应用。今天我给大家介绍的是一款基于HTML5和jQuery的图片上传和裁剪插件,它叫Croppie。阅读全文

使用Animate.css制作超炫的CSS3动画

使用Animate.css制作超炫的CSS3动画

作者:月光光 时间:2015-11-21 15:36标签:CSS3  动画 

Animate.css是一个超强的CSS3动画库,它使用简单,只需要将相关效果对应的class加入页面元素中,就能实现翻转、滑动、旋转等等复杂超炫的跨浏览器的动画效果,它让开发这制作页面动画变得非常简单。阅读全文

可定制的在线富文本编辑器

可定制的在线富文本编辑器

作者:月光光 时间:2015-11-14 15:03标签:编辑器 

今天给大家介绍一款非常棒的WEB在线富文本编辑器——UMeditor,它是由百度web前端研发部开发所见即所得富文本web编辑器UEditor演变的迷你版编辑器,具有轻量,可定制,注重用户体验等特点,允许自由使用和修改代码,适用于前台快速简单回复框或后台内容编辑器。阅读全文

适合移动应用的日期时间拾取器

适合移动应用的日期时间拾取器

作者:月光光 时间:2015-11-07 14:48标签:日期  jquery 

这是一个适合移动设备WEB应用的日期和时间拾取器,在桌面版的日期拾取器我们一般用jQuery UI的datepicker插件,而移动手机版的日期拾取器则可以根据项目需求选择与jQuery Mobile配合的mobiscroll.js插件,它提供了友好的日期和时间选择操作界面,且易于配置和使用。阅读全文

PHP防止重复提交表单

PHP防止重复提交表单

作者:月光光 时间:2015-11-01 11:52标签:php  表单验证 

我们提交表单的时候,不能忽视的一个限制是防止用户重复提交表单,因为有可能用户连续点击了提交按钮或者是攻击者恶意提交数据,那么我们在提交数据后的处理如修改或添加数据到数据库时就会惹上麻烦。阅读全文

漂亮的页面过渡动画

漂亮的页面过渡动画

作者:月光光 时间:2015-10-26 08:59标签:动画  CSS3 

通过点击页面侧边菜单,对应的页面加载时伴随着滑动过渡动画,还带进度条效果的。当然页面的加载是Ajax驱动的,整个加载过渡过程非常流畅,非常好的用户体验。阅读全文

基于jQuery的扇形定时器

基于jQuery的扇形定时器

作者:月光光 时间:2015-10-20 09:31标签:jquery  定时 

Pietimer是一个可以在页面上生成一个扇形变化的定时器,它基于jQuery,可以自定义定时时间秒数,自定义扇形的颜色、宽度和高度等,并且支持定时结束时回调函数,可以控制开始和暂停,适用于需要定时器的页面如在线考试、限时抢购的场景。阅读全文

顶部 反馈 二维码 底部
扫一扫

扫描二维码用手机看文章