Jquery特效之=》仿京东多条件筛选特效 - 相关文章

【Jquery特效之=》仿京东多条件筛选特效】的更多相关文章

Jquery特效之=》仿京东多条件筛选特效

仿京东多条件筛选特效 * { margin: 0; padding: 0; list-style-type: none } a, img { border: 0 } body { font: 12px / 180% Arial, Helvetica, sans-serif, "新宋体" } #filter { width: 620px; height: auto; margin: 0 auto; font-size: 12px } #filter dl { clear: both; p…

第十七篇基于Bootstarp 仿京东多条件筛选插件的开发(展示下）

前些时候用换了工作,本来是用的前端框架是easyui,后面用的是bootstrap.对于我来说虽然不是新东西,因为原来毕业时候用过一段时间,也不懂什么插件的开发,现在用过easyui后觉得easyui的用法比较好,容易上手,所有一直有个想法,去开发几个插件自己用用.不多说,上篇文章发面一个多选插件的使用方法,虽然有点不是很完善,但还是可以来用用的.这次就详细说说原理和开发的结节,以及要注意的地方.关于jQuery的插件开发根本也不是什么难的事情,下面就说的我的想法. 开发的原理 jQuery的插…

第十六篇基于Bootstarp 仿京东多条件筛选插件的开发(展示上）

这几天学习Bootstrap,本来是两年前的用的东西,现在又重新拾起来,又有很多重新的认识,看了Bootstrap的样式偏多,插件现在还没有学习到几个,也有写几个插件自己用的想法.正好工作上也会用到,现在就写一个京东上筛选商品的插件,不多说上图. 首先看下API 这次只是用来说明下功能下篇开始说具体的思路,其实也不难自己可以学习下,Demo奉上,但是js代码加密,有想学习都请邮件联系我:Wells_fuwei@163.com Demo:http://pan.baidu.com/s/1i3q6o…

jquery实现多条件筛选特效代码分享

本文实例讲述了jquery实现多条件筛选特效.分享给大家供大家参考.具体如下:jquery实现的多条件搜索表单带日期选择表格表单效果源码,是一段实现了多个条件筛选搜索的特效代码,多条件拥有时间.地点.酒店位置及酒店名称等选项,同时在时间的输入表格中拥有时间选择功能,是一款非常实用的特效代码,值得大家学习.运行效果图: -------------------查看效果下载源码------------------- Javashop商城系统,专业_省心…

JQ实现仿淘宝条件筛选

首先看下效果: Js代码: <script type="text/javascript"> $(".search_qxxx > ul > li > a").click(function () { if ($(this).attr("class") != "text_ce5a11") { if (typeof ($("#soKeyWords").find("#"…

jQuery实际案例⑤——仿京东侧边栏（楼层）

楼层:①页面滑动到哪块儿“楼层”就显示到哪个:②点击某“楼层”页面滚动到对应的位置:③点击“返回”回到页面顶部实现:①使用$(window).scroll(function(){ }); //监视页面滚动的高度,使用$(document).scrollTop();获取:②滚到对应的位置:$("html,body").stop().animate({"scrollTop":$(".jd").eq($this).index()).offset()…

jQuery仿京东无限级菜单HoverTree

官方网址:http://keleyi.com/jq/hovertree/ 效果图: 看了上面效果图,你或许已经明白为什么是仿京东菜单.如果还不明白,请访问http://list.jd.com/list.html?cat=9987,653,655 看看左上的菜单.当然这个HoverTree菜单的功能更加强大,可以实现无限级菜单.这是买手机的页面,买安卓手机须知:http://keleyi.com/a/bjad/rx7ma1oy.htm HTML代码: <!DOCTYPE html> <ht…

jQuery仿京东首页广告图片切换图片轮播

1.效果图如下: 2.源码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery仿京东首页广告图片切换</title> <style type="text/css"> div,ul,li,a,span,img{margin:0;padding:0;} li{l…

简单仿京东"筛选"界面双导航栏控制器共存 by Nicky.Tsui

大概就是这么一个效果如图.大概可以看到,"筛选"视图后面有一层视图盖住了后面原来的视图那么我们可以通过加一个view到导航栏控制器的view里面来实现 //该view作为全局变量,后面关闭视图时要用 backColorView = [[UIView alloc]initWithFrame:[UIScreen mainScreen].bounds]; backColorView.backgroundColor = [UIColor blackColor]; backColorView…

jquery实现仿京东侧边栏

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>仿京东侧边栏</title> <style type="text/css"> *{ margin:0;padding:0; } ul{list-style: none;} .top,.dian,.jia,.fu,.mei,.b…