仿 PC 端网易云音乐图片轮播效果

本文给大家分享一个仿 PC 端网易云音乐图片轮播效果,代码基于 jQuery 开发,虽然仿得不是十分像,但基本的效果还是做出来了,有需要的朋友可以看看。为了不浪费你的时间,如果是 JS 大神请略过本文,当作什么都没发生过。 效果演示:http://yunkus.com/demo/clone-netease-cloud-music-picture-carousel/ HTML代码 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="ut...

2017
03-02

纯 JavaScript 带小图导航的焦点图、图片切换效果

作为前端,我们以开发页面时,难免会用到一些切换效果,比如常用的焦点图(Banner),但在这里我要跟大家分享的是一个带小图导航的图片切换效果,一个不基于其它库(如:jQuery)的实现方法。我们还是先来看看这个效果的过截图吧,一个是垂直方向的,一个是水平方向的,我想就这两个基本的效果都可以解决你90%关于带小图导航的图片切换了问题了。 由于代码有点多,就不在这里贴出来了,你可以点击对应效果...

2016
08-29

原生js开发,轻量级的移动端图片懒加载(lazyloadImg)插件

前言 下面给大家分享一个很好用,很经量的图片懒加载插件,重点是它是原生的javascript 不依赖任何 javascript 库。所以对于移动端来说,这真是一个棒极了的图片懒加载插件。我们先来看看官方激动人心的介绍: LazyloadImg介绍 LazyloadImg 轻量级的移动端图片懒加载插件 原生js开发,不依赖任何框架或库 支持将各种宽高不一致的图片,自动剪切成默认图片的宽高。比如说你的默认图片是一张正方形的图片...

2016
06-01

HTML5视频(Video)和音频(Audio)类库jplayer

jplayer是什么 jPlayer 是一个通过JavaScript编写的,完全免费的且开源的媒体库。他是一个jQuery插件,jPlayer可以让你在网页上方便快捷地运用跨平台的 audio和video。jPlayer有着全面的API,为你在创建一些有创意的新媒体解决方案提供了可能。这些API由活跃的,在慢慢成长的 jPlayer社区提供支持。 为什么选择jPlayer 1.易用,部署只是分分钟的事。 2.可以通过HTML和CSS实现完全定制和换肤。 3.轻量...

2015
09-14

网页视频播放器插件 Video.js

介绍 Videojs 插件支持 HTML5 视频和 Flash 视频,YouTube 和 Vimeo,他支持PC端和移动端的视频播放。该项目从2010年中旬出现到现在已经超过 50,000 100,000 200,000 网站在使用了。 用法 在的需要插入视频的页面的 head 标签之间像下面这样引入相关文件就可以了 <link href="//vjs.zencdn.net/5.8/video-js.min.css" rel="stylesheet"> <script src="//vjs.zencdn.net/5.8/video.min.js">...

2015
04-15