基本格式: 1.引用jquery.smartMenu插件.css样式: <script src="gongju/jquery-1.11.2.min.js" type="text/javascript"></script> <script src="gongju/jqueryMENU/js/jquery-smartMenu.js" type="text/javascript"></scr…
jQuery jQuery介绍 1.jQuery是一个轻量级的.兼容多浏览器的JavaScript库. 2.jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交互,能够极大地简化JavaScript编程.它的宗旨就是:“Write less, do more.“ jQuery的优势 一款轻量级的JS框架.jQuery核心js文件才几十kb,不会影响页面加载速度. 丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对…
很酷的菜单-jQuery Wheel 环形菜单插件5种效果演示在线预览 下载地址 实例代码 <div class="container"> <!-- Top Navi --> <div class="header"> <h1>jQuery Wheel 环形菜单插件 Demo 1: Default Settings</h1> </div> <div class="menu"…
<script> $(".guanzhu").hover(function(){ $(".weixinTop").show(); },function(){ $(".weixinTop").hide(); }); </script> js代码如上: js(jquery)鼠标移入移出事件时,出现闪烁.隐藏显示隐藏显示不停切换的情况 最终发现: class="weixinTop" 的div,把class=&…
原文:[原创]jquery+css3打造一款ajax分页插件 最近公司的项目将好多分页改成了ajax的前台分页以前写的分页插件就不好用了,遂重写一个 支持IE6+,但没有动画效果如果没有硬需求,个人认为没必要多写js让动画在这些浏览器中实现css3的动画本来就是帮我们取代js中这部分动画代码的使js更纯粹地去实现逻辑 效果图如下: 调用代码如下: 包括常用的加载失败重试,参数可配置是否能手动输入页码,设置按钮数目,可以调用多个page等等,调用代码很简便 <script type="tex…
jQuery EasyUI 树形菜单 - 树形菜单拖放控制 当在一个应用中使用树(Tree)插件,拖拽(drag)和放置(drop)功能要求允许用户改变节点位置.启用拖拽(drag)和放置(drop)操作,所有您需要做的就是把树(Tree)插件的 'dnd' 属性设置为 true. 创建树形菜单(Tree) $('#tt').tree({ dnd: true, url: 'tree_data.json' }); 当在一个树节点上发生放置操作,'onDrop' 事件将被触发,您应该做一些或更多的操…
更新于2016-02-25 前面提到的新版目前线上已经可以访问: http://mp.gtimg.cn/old_mp/assets/js/common/ui/Validate.js demo体验狠狠地点击这里 解决了之前组件如下不足: 1. 自定义验证顺序有问题: 2. 即时验证支持没内置: 3. 不能随意定制验证规则: 等等. 今年会开源,大家稍安~ 更新于2016-07-08 又有不少人问了,开源还需要时日.不过大家现在是可以使用的,下面是最简单使用,需要seajs: <script src…
先来看一下Js和Jquery的点击事件 举两个简单的例子 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m…
效果:http://hovertree.com/texiao/nav/1/ 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>可控制导航下拉方向的jQuery下拉菜单代码 - 何问起</title> <base ta…
菜单事件包括,剪切.拷贝.全选.分享...,此 demo 只有 copy.share 1.定义 field 继承与 UITextField - (BOOL)canPerformAction:(SEL)action withSender:(id)sender { if (action == @selector(copy:)) { return YES; } return NO; } - (void)copy:(id)sender { [self resignFirstResponder]; //持…
如今移动互联网已经占据了主流地位,越来越多的开发者开始从桌面转向移动平台.与桌面开发不同的是,在移动领域中,不同的操作系统.大量不同屏幕尺寸的移动设备.触摸手势操作等,这都给开发者带来了一定的难度和挑战. 虽然一些触摸事件,自己写起来也比较简单,但为了尽量不重复的造轮子,提高开发效率.这里收集整理了一些常用的手势事件脚本插件来供你参考. QUO JS 支持事件:Touch, Tap, Double tap, Hold, Fingers, Swipe, Swipe Up, Swipe Right,…
今天为大家准备了11款样式风格挺不错的jQuery/CSS3网页菜单,主要包括面包屑菜单.下拉菜单.Tab菜单等,喜欢的朋友赶紧收藏,一起来看看这些菜单. 1.jQuery / CSS3多功能下拉菜单 带分享和搜索功能 这是一款非常不错的jQuery/CSS3菜单,该菜单有多级下拉菜单.分享按钮.搜索框等功能,是一款非常实用的菜单插件. 在线演示    /    源码下载 2.CSS3动画下拉菜单 带动画图标 利用CSS3可以制作很多精美的下拉菜单,而且这些菜单一般都会有挺不错的下拉动画.利用C…
jquery 展开折叠菜单 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>在此处插入标题</title> <st…
 JQuery常用实用的事件 注:由于JQuery片段较多就没有用插入代码文本插入,请见谅!JQuery 事件处理ready(fn)代码: $(document).ready(function(){ //处理代码 }); 作用:它可以极大地提高web应用程序的响应速度.通过使用这个方法,可以在DOM载入就绪能够读取并操 纵时立即调用你所绑定的函数,而99.99%的JavaScript函数都需要在那一刻执行. bind(type.[data],fn)代码: $("p").bind(&qu…
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8" /> <meta name="author" content="Nancle" /> <title>jQuery弹性滑动导航菜单</title> <style type="text/css"> body{ font-family:…
前一个项目,由于项目需求,需要大量使用到下拉多选框,而由于本人又不会写有关 CSS 样式,所以,便上网找到了这个 jQuery 插件:jquery-ui-multiselect .该款插件提供了基本下拉多选功能,同时,还可扩展进行搜索功能. 在使用一个插件时候,最重要的事情,莫过于查看插件文档以及其 demo ,相信很多人,会没有仔细查看 API 文档,遇到问题一下无法解决.因此,推荐大家在使用插件时,一定要仔细阅读 API 文档.另外,一般插件在使用过程 ,往往就三个重点细节:插件基本参数配置…
jQuery Validation Plugin客户端表单验证插件 官方文档:http://jqueryvalidation.org/documentation/ 官方demo:http://jquery.bassistance.de/validate/demo/ 下载:http://jquery.bassistance.de/validate/jquery-validation-1.11.1.zip jQuery Validation Plugin是一款客户端表单校验的插件,功能强大,使用简单…
http://developer.51cto.com/art/201510/493530.htm 近20个绚丽实用的jQuery/CSS3侧边栏菜单 jQuery作为一款主流的JavaScript前端开发框架,深受广告开发者的亲睐,同时jQuery有着不计其数的插件,特别是菜单插件更为丰 富,本文将要为大家介绍20个绚丽而实用的jQuery侧边栏菜单,这些侧边栏菜单可以用在不同风格的网页上,如果你觉得不错,也可以进入其下载页面下载 菜单源代码. 作者:佚名来源:码农网|2015-10-10 14…
jQuery EasyUI 树形菜单 - 树形菜单添加节点 本教程向您展示如何附加节点到树形菜单(Tree).我们将创建一个包含水果和蔬菜节点的食品树,然后添加一些其他水果到已存在的水果节点. 创建食品树 首先,我们创建食品树,代码如下所示: 请注意,树(Tree)组件是定义在 标记中,树节点数据从 URL "tree_data.json" 加载. 得到父节点 然后我们通过点击节点选择水果节点,我们将添加一些其他的水果数据.执行 getSelected 方法得到处理节点: var no…
jQuery EasyUI 树形菜单 - 创建带复选框的树形菜单 easyui 的树(Tree)插件允许您创建一个复选框树.如果您点击一个节点的复选框,这个点击的节点信息将向上和向下继承.例如:点击 'tomato' 节点的复选框,您将会看见 'Vegetables' 节点现在仅仅选中部分. 创建复选框树 url="data/tree_data.json" checkbox="true"> 下载 jQuery EasyUI 实例 jeasyui-tree-tr…
jQuery EasyUI 树形菜单 - 树形菜单加载父/子节点 通常表示一个树节点的方式就是在每一个节点存储一个 parentid. 这个也被称为邻接列表模型. 直接加载这些数据到树形菜单(Tree)是不允许的. 但是我们可以在加载树形菜单之前,把它转换为标准标准的树形菜单(Tree)数据格式. 树(Tree)插件提供一个 'loadFilter' 选项函数,它可以实现这个功能. 它提供一个机会来改变任何一个进入数据. 本教程向您展示如何使用 'loadFilter' 函数加载父/子节点到树形…
python3.4学习笔记(五) IDLE显示行号问题,插件安装和其他开发工具介绍 IDLE默认不能显示行号,使用ALT+G 跳到对应行号,在右下角有显示光标所在行.列.pycharm免费社区版.Sublime Text.pyscripter.eclipse+pydev 可以显示行数. 安装插件可以让IDLE显示行号:1.先下载LineNumbers.py文件:http://ftp.heanet.ie/disk1/disk1/disk1/sourceforge/s/so/sourcetrac/t…
JQuery Mobile 在绑定事件时候,发现会被多次执行,为什么啊? 原来,jquery click  不是替换原有的function ,而是接着添加,所以才会执行次数越来越多,怎么办才能按需实现功能?在执行正常点击事件之前,解绑事件!! JQuery对事件的绑定主要有两种方式,分别是on和bind,这两种方式分别对应的解绑方式为off和unbind,知道这些,我们就可以写代码了: 一,用on和off // off和on绑定"tap"方法 $("#changePasswo…
jQuery的事件绑定有几个比较优秀的特点: 1. 可以绑定不限数量的处理函数 2. 事件可以委托到祖先节点,不必一定要绑到对应的节点,这样后添加的节点也照样能被处理. 3. 链式操作 下面主要分析事件的委托设计.事件源我们成为委托节点,委托节点委托他的祖先节点替他执行事件处理,这个祖先节点被成为被委托节点. DOM的原生事件将处理绑定在相应的节点上,相应节点触发事件才能执行处理.将事件处理委托给祖先节点,这个事件处理是附加到祖先节点的.那么需要做到的是,原节点触发了事件,想要执行已经附加到祖先…
ylbtech-Bootstrap-Plugin:下拉菜单(Dropdown)插件 1.返回顶部 1. Bootstrap 下拉菜单(Dropdown)插件 Bootstrap 下拉菜单 这一章讲解了下拉菜单,但是没有涉及到交互部分,本章将具体讲解下拉菜单的交互.使用下拉菜单(Dropdown)插件,您可以向任何组件(比如导航栏.标签页.胶囊式导航菜单.按钮等)添加下拉菜单. 如果您想要单独引用该插件的功能,那么您需要引用 dropdown.js.或者,正如 Bootstrap 插件概览 一章中…
jquery关于on click事件的理解 <pre><a style="min-width:60px; margin-left:6px;" wenzhangid="'+v['id']+'" type="button" class="btn btn-w-m btn-danger deletewenzhangbtn">删除 </a></pre>当这个删除按钮是动态生成的那时间也要写…
<!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery仿Android锁屏图案应用插件DEMO演示</title> <link href="css/patternLock.css" rel="stylesheet" type="text/css" /> <scr…
上一篇我向大家分享了7款效果震憾的HTML5应用组件,今天主要来分享一下CSS3网页菜单,因为在一个网站中,菜单起着举足轻重的作用,所以作为WEB开发人员,我们有必要将网站的菜单设计得尽量完美,下面向大家推荐8款极具表现力的jQuery/CSS3网页菜单,在网页应用中,也许你能够用到它们. 原创声明:转载请务必在文章正文明显处注明并保留原文完整性 来源:编程文库    原文链接:http://wiki.itivy.com/?p=513 1.CSS3带头像3D下拉菜单 这款CSS3下拉菜单设计富有…
鼠标和键盘悬停 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>鼠标悬停</title> <script type="text/javascript" src='./js/jquery.min.js'></script> <script type='tex…
前端09 /jQuery标签操作.事件.补充 目录 前端09 /jQuery标签操作.事件.补充 1.标签内文本操作 1.1 html标签元素中的所有内容 1.2 text 标签元素的文本内容 2.文档标签操作 2.1值操作 2.2插入标签 2.3 删除标签 remove.detach和empty 2.4 (替换)修改标签 replaceWith和replaceAll 2.5 克隆标签 clone 3.属性操作 3.1 attr() 设置属性值.者获取属性值 3.2 removeAttr() 移…