jquery
关注
分享
扫一扫
草木黄尘
难学能学、难行能行
展开
-
分页插件
今天完成一个分页插件。 首先看最终效果图： 1、创建文件夹： 2、编写page.html文件：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>分页</title> <link rel="stylesheet" type="text/css" href="css/page.css">原创 2016-03-05 10:41:25 · 267 阅读 · 0 评论 -
瀑布流插件
早就听闻瀑布流布局，今天用jquery试着写出，不够完善，基本能用。 照例先奉上最终效果图： HTML结构代码：<div id="waterfall"> <ul> <li><img src="img/1.jpg"></li> <li><img src="img/2.jpg"></li> <li><img src="img/3.jpg"></原创 2016-03-08 22:21:27 · 798 阅读 · 0 评论 -
jquery插件编写
参照公众号”jquery大师“的jquery插件编写分享，在这里做一次转载。 编写jquery插件的方法主要有三种： 1、第一种是最常见的，通过一个简单的jquery函数prototype属性的别名（jquery.fn）进行扩展； 2、第二种方法采用jquery函数extend()方法； 3、第三种是最为复杂的方法，是使用强大发jqueryUIWidgeFactory进行扩展（不常用到，略去转载 2016-02-26 15:53:59 · 641 阅读 · 0 评论 -
音乐播放器
因为日常喜欢听音乐，也就很想编写一个音乐播放器玩玩。现在积累的差不多了，今天用html5和jquery实现一个音乐播放器的插件。 先奉上最终实现的效果图： 界面很简单，功能主要包括： 控制当前播放歌曲的进度； 前后切换； 播放模式包括顺序播放、单曲循环、随机播放； 显示隐藏歌单；1、创建插件文件夹： 2、编写music.html文件：<!DOCTYPE html><html>原创 2016-02-26 17:48:37 · 788 阅读 · 0 评论 -
视频播放器
今天编写一个视频播放器插件，依然采用html5+jquery，所需要的知识点和上一篇（音乐播放器）差不多。照例先奉上最终效果图： 1、创建文件夹： 2、编写video.html文件：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>视频播放器</title> <link rel="style原创 2016-02-27 10:23:27 · 657 阅读 · 0 评论 -
焦点轮播图
开始编写一个焦点轮播图的插件 :） 实现焦点轮播的方式有许多，这里采用的方式的主要点是采用css中z-index属性和position属性，通过设置图片的层级和位置来实现焦点轮播。 首先照例奉上最终效果图： 1、首先创建文件夹： 2、编写img.html文件<!DOCTYPE html><html><head> <meta charset="utf-8"> <ti原创 2016-02-27 11:37:53 · 938 阅读 · 0 评论 -
jQuery给动态生成的元素添加事件
有时需要向页面内动态添加元素，其中可能还需要给这些追加的元素绑定事件，这时候采用jquery是很方便的。 1、采用live()方法（该方法与1.4版本后废弃）： live()方法可以给所有元素附加一个事件处理函数，甚至包含动态添加的元素，其采用事件委托的处理方式，事件委托的原理是（如点击元素）： 点击某个元素，因为该元素并未绑定任何事件处理函数，事件由DOM树冒泡到绑定了特殊事件处理函数的上层原创 2016-07-13 23:49:01 · 7259 阅读 · 0 评论