- jquery实现正反面翻牌特效 11-25
- jQuery获取浏览器竖向滚动条的宽度 11-25
- jQuery completer 自动输入提示 11-25
- jQuery编程 11-25
- JQuery笔记-五个超级实用的jquery小技巧 11-25
- nodejs、Angualr JS、Jquery、B 11-25
- jQuery ajaxSetup() 方法 11-25
- jquery初识 11-25
- jQuery 事件 11-25
- jQuery Autocomplete插件 11-25
jquery实现正反面翻牌特效
发布者: superzhang | 发布时间:2017-11-25java实现扑克正反面翻牌效果,可用于展示栏中的翻牌展示,其中有随着X轴、Y轴、Z轴翻转的效果,今天就来说说下面的几种实现方法,效果图可看下图:鼠标移上去后就可以看到效果
实现方法
html+css:
java:
jQuery获取浏览器竖向滚动条的宽度
发布者: superzhang | 发布时间:2017-11-25/*!
* 获取浏览器竖向滚动条宽度
* 首先创建一个用户不可见、无滚动条的DIV,获取DIV宽度后,
* 再将DIV的Y轴滚动条设置为永远可见,再获取此时的DIV宽度
* 删除DIV后返回前后宽度的差值
*
* @return Integer 竖向滚动条宽度
*/
function getScrollWidth() {
var $div = $("<div style='position:absolute; top:-1000px; width:100px; height:100px; overflow:hidden;'></div>");
$("body").append($div);
var noScroll = $div[0].clientWidth;
$div.css("overflow-y", "scroll");
var scroll = $div[0].clientWidth;
$div.remove();
return noScroll - scroll;
}
jQuery completer 自动输入提示
发布者: superzhang | 发布时间:2017-11-25在线实例使用方法 <input type="text" id="auto-complete-email" class="input" placeholder="E-mail"/> $("#auto-complete-email").completer({ separator: "@", source: ["163.com", "qq.com", "126.com", "139.com", "gmail.com", "hotmail.com", "icloud.com"] });复制
参数详解参数描述默认值选项说明默认值complete当输入完成时触发function {}itemTag弹出展示面板中的列表元素标签"li"filter过滤函数,当输入后会先过滤相关列表内容再展示列表function(val) { return val; }position弹出列表面板相对输入框的位置,值有"top", "right", "bottom", "left"."bottom"source将要自动补全展示的数据selectedClass当弹出面板中的选项被选中时的样式"completer-selected"separator分隔符,将输入的内容与建议自动完成的部分分隔,如@""suggest如果设置成true,将会进入建议sjQuery编程
发布者: superzhang | 发布时间:2017-11-25jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
jQuery 很容易学习。
通过我这里的编辑器,你可以在线运行修改后的代码,并查看运行结果。
实例
$(document).ready(function(){ $("p").click(function(){ $(this).hide(); });});
jQuery 实例
在这里您将学到如何通过使用 jQuery 应用 JavaScript 效果。
jQuery 在线实例
jQuery 测验
在测试你的 jQuery 技能!
jQuery 测验
JQuery笔记-五个超级实用的jquery小技巧
发布者: superzhang | 发布时间:2017-11-251,禁用鼠标右键
2,让内容闪烁
3,DOM加载完成的简写形式
4,探测浏览器
编程资源收集越来越多,选取其中一些质量高的分享出来,帮助同行一起成长。
这是总的目录,每个里面都有具体的视频目录和电子书目录
如果上面的学习资源没有你想要的,可以看看历史资源推荐
jQuery ajaxSetup() 方法
发布者: superzhang | 发布时间:2017-11-25用了这么久的jquery Ajax,今天才了解到jquery中还有一个非常好用的功能。就是ajaxSetup方法,这个方法可以为全局的ajax操作设置共同的一些属性,比如说统一ajax请求失败的方法等等。
它的语法是:$.ajaxSetup({name:value, name:value, ... })
所支持的属性是上面这些,下面我就演示一下如何使用这个方法。
我为了让所有的ajax都起作用,就把这个方法添加到了jquery-1.8.3.min.js这个公用的js里面:
jquery初识
发布者: superzhang | 发布时间:2017-11-25jquery是继Prototype之后之后又一个优秀的javascript库,是一个由John Resig创建于2006年1月的开源项目。
jquery
John Resig
jquery简洁的语法和跨平台的兼容性,极大地简化了javascript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。其独特而又优雅的代码风格改变了javascript程序员的设计思路和编写程序的方式。
jquery的理念是写得少,做得多(write less,do more).jquery独特的选择器、链式操作、事件处理机制和封装完善的A
jQuery 事件
发布者: superzhang | 发布时间:2017-11-25jQuery 是为事件处理特别设计的。
什么是事件?
页面对不同访问者的响应叫做事件。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。
实例:
在元素上移动鼠标。
选取单选按钮
点击元素
在事件中经常使用术语"触发"(或"激发")例如: "当您按下按键时触发 keypress 事件"。
常见 DOM 事件:
鼠标事件键盘事件表单事件文档/窗口事件clickkeypresssubmitloaddblclickkeydownchangeresizemouseenterkeyupfocusscrollmouseleaveblurunloadjQuery 事件方法语法
在 jQuery 中,大多数 DOM 事件都有一个等效的 jQuery 方法。
页面中指定一个点击事件:
$("p").click();
下一步是定义什么时间触发事件。您可以通过一个事件函数
jQuery Autocomplete插件
发布者: superzhang | 发布时间:2017-11-25jQuery Autocomplete 插件根据用户输入值进行搜索和过滤,让用户快速找到并从预设值列表中选择。通过给 Autocomplete 字段焦点或者在其中输入字符,插件开始搜索匹配的条目并显示供选择的值的列表。通过输入更多的字符,用户可以过滤列表以获得更好的匹配。
该插件现在是 jQuery UI 的一部分,独立的版本不会再更新了。目前版本是 1.6。
访问 jQuery Autocomplete 官网,下载 jQuery Autocomplete 插件。
如需了解更多有关 Autocomplete 的细节,请查看 API 文档 自动完成部件(Autocomplete Widget)。
<
