JQuery基础
关注
分享
扫一扫
qingff01
这个作者很懒，什么都没留下…
展开
-
JQuery开发1-显示或者影藏网页部分内容
用户在查看网页过程中，经常会碰到网页中由于内容较多而无法全部显示出来，这时候网页中会出现一个类似“展开全部”或者“显示更多”的功能按钮，让用户可以查看全部内容。这个操作用jQuery操作非常简单，具体实现代码如下：第一步，下载jquery.js文件，这个文件网上有很多，用户可以自行下载自己需要的。第二步，把下载好的jquery.js放在项目WebRoot的script文件夹中，当然，大家...2016-05-23 19:07:14 · 150 阅读 · 0 评论 -
JQuery开发2-网页内容淡入淡出
在网页中，用网页内容淡入淡出可以使得网页内容更加生动，在jQuery中实现起来比较简单，用的方法主要是这几个（1） fadeIn() 用于淡入已隐藏的元素。（2）jQuery fadeOut() 方法用于淡出可见元素。（3）jQuery fadeToggle() 方法jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换...2016-05-25 15:32:52 · 243 阅读 · 0 评论 -
JQuery开发3-jQuery中图片动画效果
网页中经常会见到图片沿水平方向、竖直方向移动，图片动态放大、缩小，图片展开、收缩等功能，在jQuery中可以用animate()函数很方便的实现该功能，具体参考代码如下<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DT...2016-05-26 13:37:44 · 265 阅读 · 0 评论 -
JQuery开发4-当网页内容大于一页时提示返回顶部
在网页中我们经常会碰到当我们浏览网页的内容大于一页时，网页中提示返回顶部按钮，当我们点击一下就可以返回到开始浏览网页的顶部，或者某些网页中的广告会随着网页的滑动儿一直固定在网页的某个位置。下面以一个例子来实现这些功能。该程序的功能有三个1、当网页内容大于一页时，在浏览器的底部会出现返回顶部按钮2、该按钮会一直固定在网页的底部，不会随着浏览器在竖直方向平滑页面而消失3、当点击该按...2016-05-27 20:17:26 · 139 阅读 · 0 评论 -
JQuery开发5-在网页中获取鼠标的三种坐标
在开发过程中。有时候会获取鼠标当前的坐标，主要分为三种，第一种是获取鼠标在屏幕中的坐标，第二种是获取鼠标在客户区中的坐标，第三种是获取鼠标在窗口页面中的坐标。分别用的方法名称为screenX和screenY，clientX和clientY，pageX和pageY。属性说明clientX/clientY名称说明返回clientX返回事件触发时鼠标相对于元...2016-05-29 18:57:48 · 385 阅读 · 0 评论 -
JQuery开发6-文本框字数限制和提示文本的影藏与显示
在网页中，为例提高用户体验，往往会在用户使用文本框时提示文本框最大限定字数以及当用户输入后，提示还可以输入的字符数，这里用到了另外一个插件charCount.js来实现该功能。以下参考程序实现的功能有1、限制文本框里面的字符数，当超过规定的字符数时不能再继续输入，用户在输入过程中会提示还可以输入的字符数2、文本框内会出现默认灰色的提示文本，当文本框获得焦点时，比如用鼠标点击该文本框，...2016-05-30 16:23:14 · 269 阅读 · 0 评论 -
JQuery开发7-网页中禁用鼠标右键单击和文本选择
网页中有时候要用到禁用网页中鼠标右键单击和禁用网页中文本选择功能，可以防止用户对网页上面的内容进行复制，在jQuery中使用这些功能的参考代码如下：<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();...2016-06-07 20:21:56 · 180 阅读 · 0 评论 -
JQuery开发8-输入框同步操作和获取select列表控件值
有时候为例提高输入效率，需要多个输入框实现同步输入操作，在jQuery中参考代码如下：<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">&2016-06-08 15:34:16 · 247 阅读 · 0 评论 -
JQuery开发9-用户输入自动提示功能
在用户输入信息时，文本框显示提示信息会给用户输入打来很大的方便，在jQuery中使用jquery.autocomplete.js插件实现该功能，具体参考代码如下：<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD H...2016-06-10 16:23:36 · 212 阅读 · 0 评论