标签:jquery

HTML5

jQuery仿酷狗叮咚官网音乐播放器

herman 2年前 (2018-01-24) 1258浏览 0评论

今天闲来无事,看见酷狗叮咚官网的音乐播放器上的新闻焦点图很漂亮,就使用 jQuery 模仿了该插件,本文分享一下制作过程。 老规矩,我们还是先来看一下运营效果图: 相关实现代码如下: <!DOCTYPE html&...

HTML5

CSS3+SVG实现带秒针的复古圆盘表盘时钟

herman 2年前 (2017-12-30) 962浏览 0评论

模仿时钟走的动画网上也有很多,但是复古形式的不是很多。今天就借助 CSS3 和 SVG 给大家制作一款带秒针的圆形时间表时钟动画。 在网页上,特别是个人博客中经常会用到时钟插件,一款个性化的时钟插件不仅可以让页面显得美观,而且可以让访客看到...

HTML5

jQuery+CSS3实现相册拼图效果

herman 2年前 (2017-10-30) 598浏览 0评论

百度搜索相册拼图,发现匹配的内容很少。因此我决定使用 jQuery 和 CSS3 来实现一款相册拼图插件。 相册拼图在PS软件中较为常见,比如美图秀秀等软件都带有这样的功能。相册拼图就是将多张照片拼接在一起形成一张照片。其效果如下:欢迎大家...

HTML5

HTML5+jQuery实现动燃火焰特效

herman 2年前 (2017-10-25) 1322浏览 0评论

HTML5 配合 jQuery 能实现很多动画特效。我们今天要分享的是动燃火焰特效。 动燃火焰顾名思义就是看起来像燃烧的火焰一样的动画效果。 本文分享的又是一款基于HTML5的超炫动画特效,是一款动感的火焰燃烧动画效果。这款HTML5...

HTML5

业余草教你实现日历待办任务展示万年历

herman 2年前 (2017-10-19) 586浏览 0评论

这个标题我考究了很久,不知道如何才能起的完美。想来想去,浪费脑力,于是就随便起了一个标题。本文是一款日历控件,该日历插件可以实现待办事件的展示,并且可以获得下一月,上一月等其他月份的待办事件提醒功能。 先来看看效果: 再这里,...

HTML5

业余草 HTML5 + jQuery 实现日历待办事项demo

herman 2年前 (2017-10-19) 3199浏览 0评论

做 OA 或者 ERP ,也或者 EHR 等项目时,常常需要一些日历控件,显示出当前月需要待办的事件。我在网上搜索了很久,发现没有特别适合的日历控件,因此我自己基于 jQuery 实现了一款日历控件。本文将详细介绍它的相关实现。 老规矩,我...

HTML5

基于jQuery的页面加载进度条nprogress.js使用教程

herman 2年前 (2017-09-18) 952浏览 0评论

如果你登录谷歌的广告联盟,你就会发现它所采用的进度条和我们常见的不太一样。它在页面的最上面top部分,有一个线条在进行加载,我们俗称它为页面加载进度条。本文将借助 jQuery 的 NProgress.js 插件来模仿它。 NProgres...

HTML5

jQuery仿iPhone滑块实现图片滑动预览效果

herman 2年前 (2017-09-08) 930浏览 0评论

iPhone 有一个滑块功能,看起来非常的炫。今天我们使用 jQuery 来模仿一个 iPhone 滑块。 该 iPhone 滑块的实现很简单,其原理是使用 animate 动画,实现滑动效果。然后在滑动的同时,更换需要浏览的图片...

HTML5

jQuery+CSS3实现QQ分组微信聊天效果

herman 2年前 (2017-09-02) 1790浏览 0评论

这是一款基于jQuery的手风琴个人信息菜单面板。使用HTML5+CSS3实现。效果类似QQ分组面板,同时展开后是类似微信聊天界面的效果。 下面是该demo效果的截图: 界面效果看起来很高大上。每一个菜单项展开后可以自定义布局...

HTML5

jQuery实现幸运大转盘(php抽奖程序)抽奖程序

herman 2年前 (2017-08-28) 1470浏览 0评论

抽奖程序有各式各样的形式,其中幸运大转盘最为常见。线上线下都有很多的使用场景。 本文结合我自己的php网站,是实现一个php抽奖程序。 下图是该抽奖程序的截图: 一般的抽奖程序主要是算法程序,界面效果并不重要。算法一般都...

HTML5

使用jQuery-Seat-Charts插件实现在线电影票选座功能

herman 2年前 (2017-08-18) 1525浏览 0评论

最近《战狼2》大火,创造了50亿的票房,打破了多个记录。我相信大部分的小伙伴们都已经去看过了,而且有一部分就是在网上购买的电影票,例如淘宝的淘票票在线选票的功能。网上购票如此的方便,那么我们能用HTML5+JavaScript实现一款在线电影票的...

HTML5

HTML5的document.querySelectorAll使用教程

herman 2年前 (2017-08-16) 701浏览 0评论

曾几何时,jQuery一度是我们使用率最高的第三方框架了。人们和犯了病一样的,任何项目,不管大小全部都是首先引入jQuery。 这样的怪现象在今后可能会逐渐减少,w3c正在努力人让门减少对jQuery的依赖。因此在HTML5诞生依赖,类似j...