漂亮的jQuery城市弹出筛选插件

2024-08-08

jquery超炫的列表筛选插件

今天要为大家带来一款非常实用的jquery列表筛选插件,效果非常好.单击某项的时候动画筛选该项的列表.我们一起看下效果图: 在线预览源码下载我们一起看下实现的代码: html代码: <div class="row"> <div class="small-12 columns small-centered"> <fieldset class="controls"> <div class="

写了一个jquery的弹出层插件。

下载地址:http://pan.baidu.com/s/1eQ26CMm ps:ajax加载做的,要有环境才能正常运行哦! //这是一个以ajax加载显示弹出层插件参数(option): width,height 高宽; visibleWay,弹出层显示的两种方法(hidden, 固定高宽默认显示,auto,自适应高度显示); thisposition,当以auto方式显示的时候必须设置的参数.

先来看DEMO:https://codepen.io/jonechen/pen/regjGG 插件的开发很简单,运用了CSS3的动画效果,并且弹出框的内容可以自定义.插件的默认配置参数有三个: var defaults = { event: 'click', // 默认点击事件 dialogBox: 'selector', // 弹出框容器 hover: false, // 默认滑动事件关闭 } CSS部分: *{padding: 0; margin: 0; list-style: none;f

jQuery layer弹出层插件 http://layer.layui.com/直接上官网学

在许多网站中,经常用到弹出层,有时候为了达到更好的用户体验,你将写繁琐的css跟js,这款 jquery-layer可以让你想到即可做到的web弹窗/层js组件.layer侧重于用户灵活的自定义,为不同人的使用习惯提供全方位设计,您的页面会因此拥有更丰富.友好的操作体验,而您只需在调用时简单地配置相关参数,即可轻松实现各类交互. 它的使用方法很简单,首先,引入jquery库及layer库代码如下: <button id="test1">小小提示层</butto

jquery layer弹出层插件

http://www.51xuediannao.com/js/jquery/jquery_layer/layer.html

jQuery的弹出窗口插件colorbox

官方网站:http://colorpowered.com/colorbox/ 支持照片,照片组,幻灯片,ajax,内联和 iframe 框架. 通过CSS 控制外观,使用用户可以很容易重新定制外观. 不需要更改 ColorBox 的 javascript 文件就可以重新设定其行为. 可以依靠 callback & event-hooks 进行拓展,不需要修改源代码. 非常友好,不需要修改现有的 HTML,所有的选项都通过 JS 设置. 介绍 colorbox()函数使用一堆key/value

jQuery zxxbox弹出框插件(v3.0)

插件地址: http://www.zhangxinxu.com/study/201009/jquery-zxxbox-v3-demo.html

jQuery弹出层插件popbox

都什么年代了,还自己写弹出层插件!是的,①自己写的自己好控制②可定制性高③兼容低版本IE 本插件有以下特性: 样式分离,可定制,纯净无图片可自定义按钮及按钮的样式.点击事件可指定选择器选择页面元素的内容作为弹出层的内容,也可以指定url来异步加载单独页面可配置遮罩层.关闭按钮.按钮栏可配置拖动.自动关闭.失焦关闭可配置打开.关闭和确定.取消时的动作先上一张截图看看样子: 使用方法: 1. 引入相关文件 <link rel="stylesheet" href="

jQuery Dialog弹出层对话框插件

Dialog.js的相关注释已经添加,可以按照注释,进行相关样式的修改,适用于自定义的各个系统! dialog.js /** * jQuery的Dialog插件. * * @param object content * @param object options 选项. * @return */ function Dialog(content, options) { var defaults = { // 默认值. title:'标题', // 标题文本,若不想显示title请通过CSS设置其d

效果非常好的 Jquery弹出层插件 jQuery Sweet alert

介绍款交互性非常不错的jquery弹出层插件,支持消息提示.错误提示.确认框提示等. 交互式体验感非常不错,比如咱们现在体验非常不错的微信支付.支付宝等完成后的效果. 不过本插件至少支持IE9+ Jquery Sweet Alert 使用方式也特别简单.粗暴,符合大众的jquery插件使用方法. 演示地址: http://www.xuetub.com/plugin/demo/111 欢迎大家去学徒帮分享更多jQuery插件,大家共同学习进步,帮助更多的小伙伴!!!

分享一个JQuery弹出层插件

JQuery插件TipsWindown 1.1 一个基于jQuery的弹出层.支持拖拽,支持内容为文字,图片,URL等!至于兼容性.在IE6下,弹出对像无法绝对固定.其他应该没啥大问题: 最新更新:(2010-08-12):修正IE6下不能遮住下拉菜单的BUG,增加拖动时半透明效果. 应用演示弹出文本信息提示: 我是下拉菜单 tipsWindown("提示","text:提示信息内容","250","150","

Jquery学习之路(三) 实现弹出层插件

弹出层的应用还是比较多的,登陆,一些同页面的操作,别人的总归是别人的,自己的才是自己的,所以一直以来想写个弹出层插件.不多废话,直接开始吧! 不想看可以在这里直接下载源码xsPop.zip 1:遮罩层要弹出层,先要用一个遮罩层挡在下面的页面,此遮罩层是全屏的,页面滚动也要有,所以设置 position: fixed;还要有透明效果,下面是我定义的遮罩层css,取名mask .mask { position: fixed; width: 100%; height: 100%; backgroun

一款效果精致的 jQuery 多层滑出菜单插件

想要以用户友好的方式呈现多级菜单是件不容易的事情,而且还要跨浏览器兼容就更难了.Multi-Level Push Menu 这款 jQuery 插件提供了呈现这种菜单的解决方案,能够让你无限制的展示菜单,支持常用浏览器,而且能够用于触屏设备. 您可能感兴趣的相关文章小伙伴们惊呆了!8个超炫的 Web 效果 10大流行的 Metro UI 风格 Bootstrap 主题推荐35款精致的 CSS3 和 HTML5 网页模板赞!10套精美的免费网站后台管理系统模板精选12款优秀 jQuery

JQuery EasyUI弹出对话框解决Asp.net服务器控件无法执行后台代码的方法(转）

原文:JQuery EasyUI弹出对话框解决Asp.net服务器控件无法执行后台代码的方法 jquery-easyui是一个基于jquery的图形界面插件,利用easyui可以创建很多好看的网页界面效果,easyui的相关地址是:http://jquery-easyui.wikidot.com/: easyui的中文文档地址是:http://www.easyui.net/,本人也利用easeyUI在做一些页面效果.由于我很喜欢那种弹出的对话框界面,因此在界面中应用了Dialog类来处理一些确认

jquery 简单弹出层(转)

预定义html代码:没有所有代码通过js生成和移除. 预定义css /* 基本弹出层样式 */ .my-popup-overlay { width:100%; height:auto; /* width height is defined by javascript */ position: absolute; top:0; left: 0; z-index: 1000; background-color: #000; opacity: 0.2; *filter:alpha(opacity=2

jQuery.reveal弹出层

jQuery.reveal弹出层使用最近用到弹出层,还得自定义UI,原本用的artDialog太庞大,不合适了,于是就找到了这个东西,又小又好用,基础的弹出遮罩都有了,想要什么还不是Coder自己说了算. 这个插件是基于Jquery实现的,非常小,插件本身只有3K多一点,用起来也算简单明了. 废话不说了.上Demo 首先是引用部分: Html->head: <head> <meta charset="utf-8" /> <title>Reve

CSS3/jQuery自定义弹出窗口

简单演示一下,精简了演示效果和css样式文件,更利于在项目中的实际应用引入style.css index.js <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>index.html</title> <meta http-equiv="keywords" content=&qu

弹出框插件layer使用

layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 插件官方地址:http://layer.layui.com/ layer 甚至兼容了包括IE6在内的所有主流浏览器. 少说多做,代码演示(拷贝直接运行): <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /&

弹出框插件——dialog

基于jquery和dot.js弹出框插件,兼容IE6+等其他浏览器. 思想:弹出框元素插入body节点中,并在页面垂直居中显示(fixed定位),触发确定和关闭事件绑定. 注意ie6包含两个问题:一.select.flash不能遮罩,采用iframe.二.fixed属性采用滚动时重新计算高度或在样式中采用表达式计算expression. 源码分析:1.creatHtml:采用doT.js初始化元素添加到body中:2.show:设置宽度,高度,居中显示:3.events:为关闭和确定绑定事件:4

jquery制作弹出层带遮罩效果，点击阴影部分层消失

jquery制作弹出层带遮罩效果,点击阴影部分层消失. 整体还是比较简单的. HTML代码很简单 <a href="#" class="big-link" data-reveal-id="myModal" data-animation="fade">jquery点我弹出</a> <div id="myModal" class="reveal-modal"&g

js简单显示和隐藏div，触发超链接，动态更改button值，setInterval（）简单使用，jquery easyui弹出框简单使用 .

js简单显示和隐藏div .<!DOCTYPE html> .<html> .<head> .<meta charset="UTF-8"> .<title>Insert title here</title> .<script type="text/javascript"> . window.onload=function(){ . document.getElementById(&q