
jquery
尜尜alp
专注前端 热爱摄影
展开
-
瀑布流布局浅析
如果你经常网上冲浪,这样参差不齐的多栏布局,是不是很眼熟啊?类似的布局,似乎一夜之间出现在国内外大大小小的网站上,比如 Pinterest (貌似是最早使用这种布局的网站了),Mark之,蘑菇街,点点网,以及淘宝最新上线的“哇哦” 等等,倒是很流行哈~ 在淘宝即将上线的众多产品中,你还会大量看到这样的形式呢。这种布局适合于小数据块,每个数据块内容相近且没有侧重。通常,随着页面滚动条向下转载 2012-12-21 17:34:17 · 719 阅读 · 0 评论 -
js判断鼠标移动方向
js代码:var gaga = function(wrap){ var wrap = document.getElementById(wrap); var hoverDir = function(e){ var w = wrap.offsetWidth, h = wrap.offsetHeight,原创 2015-01-29 14:40:59 · 5889 阅读 · 1 评论 -
前端组件库大合集-必备收藏
来源:http://www.xuanfengge.com/he-sets-the-front-end-component-library-the-essential-collection.html前言本文包含搭建web app常用的样式/组件等收集列表(移动优先),推荐mark!0. 前端自动化(Workflow)前端构建工具Yeoman转载 2015-09-08 17:47:58 · 8406 阅读 · 1 评论 -
移动端上拉下拉刷新组件
listloading是一个移动端的上拉、下拉加载更多的组件。主要依赖于iscroll.js v5.1.2基础上开发的组件,基础库可以使用jquery.js或者zepto.js操作dom节点,目前我是使用了zepto.js作为基础库操作dom,以jquery插件的形式存在。如果不想以插件方式使用,则只需要把listloading直接移植你需要的库里面就ok啦。listloading主要针对移动端而生,在使用浏览器自带滚动,用户体验很不友好,与Android和ios差别甚远,所以选择iscroll.js,它实原创 2016-08-04 15:27:58 · 3358 阅读 · 0 评论 -
jQuery基础知识
jQuery 1.特点:小巧功能强跨浏览器插件2.使用实际是js文件a) 复制js到WebRootb) 页面jquery.js" charset="">3.核心对象及常用方法和属性a)名称jQuery和$用$找出来的对象叫jQuery对象用document找出来的对象叫Dom对象原创 2013-02-25 14:08:32 · 832 阅读 · 0 评论 -
js冒泡排序法
css代码:*{margin:0;padding:0;}.gaga_tb{margin:30px;}.gaga_tb tr th,.gaga_tb tr td{height:30px;border:1px solid #ccc;text-align:center;}js代码:function gaga_x(arr,e){ // 冒泡法 for(var i =原创 2013-03-08 15:25:32 · 2401 阅读 · 0 评论 -
live的用法于hover的用法 鼠标悬停效果
// live主要用于对动态加载出来的元素绑定事件// 产品目录 $(".lm_div_q dd").live({ mouseenter: function() { $(this).find("strong").addClass("tj_strong"); $(this).find("strong").next().slideDown(200); // 显示下拉框原创 2013-03-29 14:15:08 · 1364 阅读 · 0 评论 -
jquery.lazyload 实现图片延迟加载jquery插件
看到了淘宝产品介绍中,图片是在下拉滚动条时加载,这是一个很不错的用户体验。减少了页面加载的时间了,也减轻了服务器的压力,就查了下用JQuery.. 什么是ImageLazyLoad技术 在页面上图片比较多的时候,打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片,占的几M的空间。ImageLazyLoad技术就是,当前可见界面的图片是加载进来的,而不可见页面(通过滚动条下拉转载 2013-07-09 11:49:30 · 1173 阅读 · 0 评论 -
响应式布局这件小事
讲到响应式布局,相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果,设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计(通过CSS3Media Query实现响应布局)。一、什么是响应式布局?响应式转载 2013-07-10 10:44:24 · 1033 阅读 · 0 评论 -
视差滚动(Parallax Scrolling)效果的原理和实现
视差滚动(Parallax Scrolling)效果的原理和实现视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。作为今年网页设计的热点趋势,越来越多的网站应用了这项技术。可以先看看效果:http://www.ok-studios.de/home/一、什么是视差滚动? 视差效果,原本是一个天文学术语,转载 2013-11-07 09:32:01 · 2583 阅读 · 0 评论 -
jquery+css3时钟
效果图如下:虽然丑了一点,但是功能实现了!钟使用的技术是css3的旋转、背景渐变(径向渐变)、圆角,还有负边距的定位,兼容ie9以上的浏览器,firefox、chrome、opera、safari等主浏览器,仅供参考,莫喷我!!!原创 2013-12-26 14:42:37 · 1451 阅读 · 0 评论 -
移动端弹出列表选择框
pushbutton 移动端弹出列表选择框移动端从下往上推动画效果端弹出列表选择框,适应所有主流移动端机型,支持Node引入,require引入;如有用得不爽可以随时提意见,谢谢。原创 2016-11-04 14:54:21 · 10785 阅读 · 3 评论