![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JQuery
风叶翩翩
有过众多的项目开发经验。精通Java开发,Sql数据库等,熟练使用主流开发工具如IDEA等。对开发编程有着特殊的爱好和恒心。
展开
-
Jquery鼠标点击出现文字
点击鼠标左键出现文字效果。原理解说1.首先确定你是不是点的鼠标左键;2.文字效果要出现在你鼠标点击的地方;3.点击后文字出现一个由下往上的显示效果;4.点击完成后固定时间内还得消失效果演示代码演示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2020-01-22 14:29:06 · 2004 阅读 · 0 评论 -
单级联动
想要实现联动的效果首先我们要知道什么是单机联动,所谓的单级联动就是点击输入框的时候,下面会出现多个单级联动的列表供你选择自己所要选择的数据。我们使用html写主题内容,使用CSS添加样式,使用Jquery实现联动等相关的事件和效果。效果演示代码演示HTML代码<!DOCTYPE html><html> <head> <meta char...原创 2019-12-27 17:28:40 · 241 阅读 · 0 评论 -
在线答题系统
使用Jquery制作了一个在线答题系统功能分析1.开始界面2.结束界面3.题目的内容和选项的选择4.题目的切换5.分数的计算6.判断是否选中选项效果演示代码演示一 . html代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT...原创 2019-12-18 13:44:08 · 3111 阅读 · 2 评论 -
AJAX 信息查询管理
使用AJAX前后端分离技术实现对MySql数据库的数据查询删除和增加等操作。功能分析:1.登录2.查询信息3.增加信息4.删除信息效果演示登陆页面列表页面点击查询信息实现此功能要准备三部分分别是数据库,前端和后台。一 : MySql数据库数据库内容:1.连接数据库并查询数据库里的表2.查询登录表和信息表的内容到此位置我们的数据库部分就完成了,下面进行前端页面...原创 2019-12-04 15:34:43 · 261 阅读 · 0 评论 -
Jquery跳转页面
当我们在开发项目的时候会使用流行的AJAX前后端分离技术,在项目中使用Jquery来进行页面的跳转是必不可少的,那么如何进行页面的跳转呢?Jquery跳转到另一个页面方法一: 我们可以利用http的重定向来跳转window.location.replace("http://localhost:8080/MySqlAjax/login");方法二: 使用href来跳转window.loc...原创 2019-12-04 10:04:28 · 2890 阅读 · 0 评论 -
Eclipse MySql之登录
用Eclipse连接MySql数据库实现登陆的功能。功能分析1.MySql数据库的连接2.判断输入的内容是否为空3.判断输入的内容是否与数据库的内容相同4.重定向的使用效果演示原始样式当账户或者密码任何一个是空的时候点击登录会弹框一 MySql数据库我的数据库名school我的数据表名login二 程序详解在开始我们的程序之前一定注意:导入mysql-conn...原创 2019-12-03 12:50:19 · 1357 阅读 · 0 评论 -
商品销售管理系统
用JSP servlet和jquery以及SQLServer数据库实现商品销售管理系统。功能详解:1.查询商品2.添加商品3.删除商品4.添加销售记录5.查看销售记录效果演示:进入界面商品显示页面删除提示销售记录查询商品销售系统需要SQLServer数据库和程序两大部分一:设计并实现数据库二:程序设计在程序正式开始之前先看一下目录结构吧==特别注意:==...原创 2019-11-22 13:18:26 · 10468 阅读 · 6 评论 -
商品管理系统
用Jsp Servlet和Jquery以及SQLServer实现商品管理系统。采用MVC三层架构进行此程序的开发。功能分析:1.登录功能2.查询和联合查询商品3.增加商品4.删除商品效果演示登录页面查询页面添加商品点击删除实现商品管理系统需要数据库和程序两部分。一: 数据库参考下面图片进行设计和实现SQLserver数据库二:程序设计我们先看一下程序目录结...原创 2019-11-19 16:49:22 · 3329 阅读 · 0 评论 -
设备缺陷管理系统
用Jsp Servlet和Jquery实现设备缺陷管理系统。设备缺陷管理系统采用MVC三层架构模式进行开发,有效地解决了对缺陷设备的管理和修正。效果演示:查询和联合查询页面添加页面点击删除之后功能分析:1.查询所有设备2.联合查询3.添加缺陷设备4.删除缺陷设备5.处理缺陷设备实现此系统要准备两大方面的内容,分别是数据库和程序。一: 数据库(SQLServer数据库...原创 2019-11-19 16:06:45 · 1185 阅读 · 0 评论 -
点选验证码
根据图片下方文字提示点击图片验证码对应的文字完成验证。效果演示原始样式点击文字错误时点击验证成功在欣赏代码之前**注意:**引入两个架包<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/verif...原创 2019-11-12 09:19:40 · 1459 阅读 · 0 评论 -
滑动验证
拖动滑块进行验证码的验证。滑动验证有两种:图片滑动验证长方形的滑动条验证一 : 图片滑动验证效果演示原始样式没有正确验证的时候滑块会直接回到初始位置让你再次滑动验证验证成功会给出提示看代码之前**注意:**代码中要引入相应架包<script type="text/javascript" src="js/jquery.min.js"></script&g...原创 2019-11-12 08:58:15 · 2840 阅读 · 0 评论 -
数学公式验证码
给出简单的数学算法(加减法运算),计算结果为验证码。效果演示原始样式点击换一张或者点击验证码图片的时候随机生成新的数学验证码输入错误的验证码输入正确的验证码代码演示注意:引入两个架包 <script type="text/javascript" src="js/jquery.min.js"></script> <script type="...原创 2019-11-12 08:24:14 · 2727 阅读 · 0 评论 -
随机数验证码
由字母和数字组成的验证码,点击验证码图片或者换一张时验证码会随机生成。程序解读字母和数字的组合图片和换一张文字的点击样式随机生成验证码判断是否正确正确之后弹框提示效果演示原始样式点击验证码图片或者换一张字样时随机生成新的验证码输入错误验证码输入正确验证码在程序正式开始之前**注意**:要引入两个架包 <script type="text/javascr...原创 2019-11-11 22:07:12 · 776 阅读 · 0 评论 -
秒表计时器
使用Jquery制作了一个漂亮的秒表计时器。效果图原始样式点击开始之后点击停止再点击清零之后有没有一种心动的感觉呢,下面看代码。代码演示首先注意哦:引入相对应的Jquery架包。代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>...原创 2019-11-10 09:32:01 · 304 阅读 · 0 评论 -
鼠标悬浮改变背景颜色
将鼠标放在div上时div的背景颜色发生改变,把鼠标移走div之后,div的背景颜色回复原来的颜色。效果图演示没有将鼠标放在div上时(lanse)将鼠标放在div上之后(变为红色)下面看代码由于代码较短,要认真观看了解呦。<!DOCTYPE html><html><head lang="en"> <meta charset="...原创 2019-11-03 17:05:05 · 4913 阅读 · 1 评论 -
文本框为空按钮不可点击
在form表单的提交中判断输入框的内容是否为空,如果输入框的内容为空则按钮不可点击,只有当输入框的内容不为空时才能点击并执行之后的提交等操作。效果图演示输入框为空(按钮不可点击,点击无效果)输入框不为空时(可以点击,点击跳转到此页面)功能分析:获取输入框内容判断内容是否为空如果为空则bukedianji如果不为空可以点击并执行后面操作注意:写代码之前一定记住架包的引入代...原创 2019-11-03 16:52:23 · 3610 阅读 · 0 评论 -
数字时钟
一个美丽的数字时钟利用所学的Jquery知识制作一个自己的专属时钟,下面先看一下效果图效果图此图为静止(时分秒都是动态变化的)程序解读:使用定时器进行动态变化,时分秒的数字小于10的时候前面应该加上一个0,当秒达到六十的时候分加一,秒变为零,当分达到六十的时候时加一,分变为零。Body代码<div id="time"> <div id="small">...原创 2019-10-26 11:55:25 · 315 阅读 · 0 评论 -
点击修改表格背景色
使用Jquery事件实现点击修改表格的背景颜色每列表格之前都有一个多选按钮,当你点击按钮时,这一行所有内容的背景色会发生改变,当你再次点击该多选按钮的时候,取消背景色。未点击之前的样式点击时候的样式程序解读:使用table表格,每一行表格的第一个单元格都有一个多选按钮,后几个单元格是内容,添加自己想要的样式效果。看代码(注意一定要导入js文件)<!DOCTYPE html&...原创 2019-10-26 09:52:36 · 765 阅读 · 0 评论 -
JQuery警报灯
利用鼠标点击改变背景颜色制作一个警报器,供大家参考!请先看一下效果图:(警报器是蓝色的和点击之后警报器是红色的)程序解说:首先要有一个警报器的样式和两个分别为打开警报器和关闭警报器的按钮,给警报器添加红色背景或者蓝色背景作为初始颜色,在样式中分别写蓝色和红色两种样式,给按钮设置方法点击打开按钮时使用计时器切换蓝色和红色两种样式,点击关闭时停止闪烁。在写代码之前准备工作要做好,添加Jque...原创 2019-10-22 22:44:17 · 351 阅读 · 0 评论