无需Flash无需依赖任何JS库实现文本复制与剪切
Javascript前端2015年10月08日作者:月光光标签:JavaScript
我们在网页上放置一个复制按钮,主要用来方便用户复制链接之类的复杂文本,以往的做法是,通过JS依靠Flash,甚至借助jQuery庞大的js库来实现文本复制到剪贴板的。今天我要给大家介绍的是一款极现代的,不需要flash,不依赖任何其他js库的非常小的插件,它叫clipboard.js。阅读全文
超酷的照片墙展示效果
Javascript前端2015年10月03日作者:月光光标签:jQuery
这是一个超酷的照片墙展示效果,很多照片结合淡入淡出、旋转、缩放、倾斜及3D效果,照片快速从左侧切入,做旋转3D效果,最后在照片墙上整齐排列,为用户展示了超酷的照片墙展示效果。阅读全文
jQuery复制表单元素
Javascript前端2015年09月29日作者:月光光标签:jQuery
我们在提交表单时,有时会遇到需要重复添加多个相同表单元素,如订单信息中需要添加多个不同型号的产品、表单数据中新增字段信息等。这个时候我们可以在表单中直接放置一个“新增一项”或“复制”按钮,通过点击按钮即可实现复制表单元素。阅读全文
基于jQuery的进度条展示效果
Javascript前端2015年09月22日作者:月光光标签:jQuery
Bar Indicator是一款基于jQuery的进度条数据展示插件,它可应用于数据统计展示、投票统计以及任务进度等诸多场景中。它使用简单、选项丰富,几乎可以满足用户所有基于进度条的WEB设计需求,本文将结合实例给大家讲解Bar Indicator的使用。阅读全文
纯CSS3图标旋转效果
Javascript前端2015年09月18日作者:月光光标签:CSS3
CSS3有个transform,它可以使将目标对象变形、转换、改变。应用于需要转换角度、变换大小等场景,如图标旋转、背景放大与缩小等,简而言之,transform就是变形、改变之意,它属于CSS3的高级技术。阅读全文
JS实现网页加载进度条
Javascript前端2015年09月12日作者:月光光标签:jQuery
网页进度条能够更好的反应当前网页的加载进度情况,loading进度条可用动画的形式从开始0%到100%完成网页加载这一过程。但是目前的浏览器并没有提供页面加载进度方面的接口,也就是说页面还无法准确返回页面实际加载的进度,本文中我们使用jQuery来实现页面加载进度条效果。阅读全文
使用按钮控制HTML5背景音乐开关
Javascript前端2015年09月06日作者:月光光标签:HTML5 网页播放器
我们有时会在页面上加上背景音乐,允许用户自己开启和关闭背景音乐,尤其基于手机html5制作的多媒体页面,HTML5的audio音频标签可以获取音频的播放状态,通过触摸按钮就可以关闭和开启背景音乐。阅读全文
JS实现自动倒计时30秒后按钮才可用
Javascript前端2015年08月28日作者:月光光标签:JavaScript
WEB开发中经常会用到倒计时来限制用户对表单的操作,比如希望用户在一定时间内看完相关协议信息才允许用户继续下一步操作,又比如在收取手机验证码时允许用户在一定时间过后(未收到验证码的情况下)再次获取验证码。那么今天我来给大家介绍下如何使用Javascript来实现这一简单应用。阅读全文