随笔分类 - jquery
1
摘要:<div class="mini-container" style="position:relative;height:100%;"> <div class="left-collapse-trigger" title="隐藏侧边栏"> <i class="fa fa-angle-left fa-2x
阅读全文
摘要:event:必需项;添加到元素的一个或多个事件,例如 click,dblclick等; 单事件处理:例如 $(selector).bind("click",data,function); 多事件处理:1.利用空格分隔多事件,例如 $(selector).bind("click dbclick mou
阅读全文
摘要:说到HTML5和jquery上的分页问题,优秀的分页插件网上一抓一大把,然而同时适合兼容在Ipad和手机端的网站分页却不是特别多。 或许有人会说,触屏现在流行下拉底部后加载下一页内容,类似微博和QQ空间那种模式,分页过时了。或许,阅读到底部后顺手点一下“下一页”和无需操作自动加载内容继续阅读,这小小
阅读全文
摘要:一、概述 百度分享代码已升级到2.0,本页将介绍新版百度分享的安装配置方法,请点击左侧列表查看相关章节。 二、代码结构 分享代码可以分为三个部分:HTML、设置和js加载,示例如下: 代码结构如下: <div class="bdsharebuttonbox" data-tag="share_1">
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> .contain-foot-nav { width: 33.3%; float: left; tex
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } body{ height:5000px; } #side{
阅读全文
摘要:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><style type="text/css"> *{ margin: 0; padding: 0;} ul{ list-style-t
阅读全文
摘要:这个跟我之前在锋利的JQuery那本书里看到的那个一模一样。 <!DOCTYPE html> <html> <head> <meta name="" content="" charset="utf-8"/> <title>jquery实现页面皮肤切换并保存-柯乐义</title><base targ
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; } #header{ width:100%; height:200px; backgro
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>滑动导航栏</title> <script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"><
阅读全文
摘要:<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无缝轮播</title><style>*{ padding:0; margin:0; list-style
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>楼层滚动特效</title> </head> <script src="js/jquery-1.9.1.min.js" type="text/javascript" charset=
阅读全文
摘要:Jquery.LazyLoad.js插件参数详解:下面对LazyLoad插件的一些参数进行说明,供使用者做出更贴切的效果。1,用图片提前占位placeholder : “img/grey.gif”,参数:placeholder,值为某一图片路径.此图片用来占据将要加载的图片的位置,待图片加载时,占位
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script> <title></title> </head
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script> <title></title> </
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script> <title></tit
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/jq
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script> <title></tit
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script> <title></tit
阅读全文
1