-
三级分菜单效果查看全部
-
工具提示插件——tooltip 工具提示插件可以定制元素的提示外观，提示内容支持变量、Ajax远程获取，还可以自定义提示内容显示的位置，它的调用格式如下： $(selector).tooltip({options}); 其中selector为需要显示提示信息的元素，可选项参数options为tooltip()方法的配置对象，在该对象中，可以设置提示信息的弹出、隐藏时的效果和所在位置。 $(function () { $("#name").tooltip({ show: { effect: "slideDown", delay: 350 }, hide: { effect: "explode", delay: 350 }, position: { my: "left top", at: "left bottom" } }); });查看全部
-
$("#frmTest :radio").attr("disabled","true")查看全部
-
微调按钮插件——spinner 微调按钮插件不仅能在文本框中直接输入数值，还可以通过点击输入框右侧的上下按钮修改输入框的值，还支持键盘的上下方向键改变输入值，调用格式如下： $(selector).spinner({options}); selector参数为文本输入框元素，可选项options参数为spinner()方法的配置对象，在该对象中，可以设置输入的最大、最小值，获取改变值和设置对应事件 http://img1.sycdn.imooc.com//52e4c4ad0001d4e007610813.jpg查看全部
-
1、focus事件在元素获取焦点时触发，如点击文本框时，触发该事件；而blur事件在元素丢失焦点时触发，如点击除文本框的任何元素，都会触发该事件。 2、注意bind()绑定多个事件的用法 $(function () { $("input") .bind("focus", function () { $("div").html("请输入您的姓名！"); }) .bind("blur",function () { if ($(this).val().length == 0) $("div").html("你的名称不能为空！"); }) });查看全部
-
用options设置切换效果查看全部
-
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>查看全部
-
菜单工具插件——menu 菜单工具插件可以通过<ul>创建多级内联或弹出式菜单，支持通过键盘方向键控制菜单滑动，允许为菜单的各个选项添加图标，调用格式如下： $(selector).menu({options}); selector参数为菜单列表中最外层<ul>元素，options为menu()方法的配置对象。 $("#menu").menu();查看全部
-
toggle()第二种用法： 调用toggle()方法实现动画切换效果 第一节我们学过实现元素的显示与隐藏需要使用hide()与show()，那么有没有更简便的方法来实现同样的动画效果呢？ 调用toggle()方法就可以很容易做到，即如果元素处于显示状态，调用该方法则隐藏该元素，反之，则显示该元素，它的调用格式是： $(selector).toggle(speed,[callback]) 其中speed参数为动画效果时的速度值，可以为数字，单位为毫秒，也可是“fast”、“slow”字符，可选项参数callback为方法执行成功后回调的函数名称。 $(function () { var $spn = $("#spnTip"); $("h4").bind("click", function () { $("ul").toggle(3000,function(){ $spn.html() == "隐藏" ? $spn.html("显示") : $spn.html("隐藏"); }) }); });查看全部
-
对话框插件——dialog 对话框插件可以用动画的效果弹出多种类型的对话框，实现JavaScript代码中alert()和confirm()函数的功能，它的调用格式为： $(selector).dialog({options}); selector参数为显示弹出对话框的元素，通常为<div>，options参数为方法的配置对象，在对象中可以设置对话框类型、“确定”、“取消”按钮执行的代码等。 http://img1.sycdn.imooc.com//52e4c1370001b0e805150562.jpg查看全部
-
回调函数要等到触发事件结束后才执行查看全部
-
:text 表单文本选择器，可以获取表单中全部 单行 的文本输入框元素 如果是id元素，如 #frmTest 后面一定要空格再写:text; 如果直接input，就不需要空格查看全部
-
dialog插件作用，可以实现js中alert和confirm，不同在于，这个的对话框上方的文字可以自定义查看全部
-
选项卡插件——tabs 使用选项卡插件可以将<ul>中的<li>选项定义为选项标题，在标题中，再使用<a>元素的“href”属性设置选项标题对应的内容，它的调用格式如下： $(selector).tabs({options}); selector参数为选项卡整体外围元素，该元素包含选项卡标题与内容，options参数为tabs()方法的配置对象，通过该对象还能以ajax方式加载选项卡的内容。 $("#tabs").tabs({ //设置各选项卡在切换时的动画效果 fx: { opacity: "toggle", height: "toggle" }, event: "mousemove" //通过移动鼠标事件切换选项卡 })查看全部
-
面板折叠插件——accordion 面板折叠插件可以实现页面中指定区域类似“手风琴”的折叠效果，即点击标题时展开内容，再点另一标题时，关闭已展开的内容，调用格式如下： $(selector).accordion({options}); 其中，参数selector为整个面板元素，options参数为方法对应的配置对象。 $(function () { $("#accordion").accordion(); });查看全部
举报
0/150
提交
取消