- 博客(10)
- 收藏
- 关注
原创 前后端分离的简单图书管理系统
后台代码是采用之前的项目代码,共有增删改查四个操作前端代码://index<html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><table align="center">...
2019-10-31 19:59:20
1335
原创 用json处理数据的实例
这次用ajax跟json替换掉以前做练习的查询结果显示(图书管理)因为项目其他部分基本与主题无关就只放查询相关的内容使用ajax防问servlet并获取json对象并动态赋值给页面相比之前用到的jstl好使一些 <table align="center"> <tr> <th width="30">ID</th> ...
2019-10-27 16:16:27
244
原创 Ajax的初次使用:实现一个简单的登陆页面
这次写出一个登陆页面不使用表单的提交而是刚学到的ajax并在失去焦点时判断文本内容是否符合正则表达式页面代码<style type="text/css"> body { background-color: #CC9966; } *{ font-size: 30px; } input { margin-top: 20px; border-...
2019-10-24 21:46:37
1055
原创 jQuery配合html5做到动态时钟效果
因为html基础较差所以页面有些难看但主要是学习jQuery的使用先来看看效果指针位置不要在意…来看下布局 <div style="background:url('img/clock.jpg');width: 425px;height: 425px"><div class="center"></div> <div class="poi...
2019-10-23 12:13:51
169
原创 jQuery的延时函数实现的图片自动换色
使用div显示颜色 <style type="text/css"> .color1{ background-color: bisque; width: 200px; height: 200px; } .color2{ background-c...
2019-10-22 22:51:28
178
原创 jQuery基础选择器
这篇只留着自己备用…//#id :根据给定的ID匹配一个元素。$("#idName");//.class: 根据给定的css类名匹配元素。$(".className");//element: 根据给定的元素标签名匹配所有元素$(“div”);//:匹配所有元素$("");//selector1,selector2,selectorN:将每一个选择器匹配到的元素合并后一起返...
2019-10-20 22:32:51
94
原创 JQuery实现网页软键盘
目标:实现一个能够完成基本功能的网页软键盘页面以及css从网上下载一个,这次重点在于锻炼jquery代码的使用软键盘主要要把几个特殊按键的功能实现,其他就简单了<script> $(function(){ //shift功能 var class1='off' var class2='on' $(".left-shift,.right...
2019-10-20 16:16:08
636
原创 使用JavaScript事件配合正则表达式检验文本输入框数据是否正确
在输入框失去焦点时校验正确性使用onblur方法用户名: <input type="text" id="uname" onblur="get('uname')"><span id="testname"></span><br> 密码: <input type="text" id="upwd" onblur="get('upwd...
2019-10-16 10:47:45
631
2
原创 使用键盘点击事件控制图片移动并增加改键功能
先使用javaScript事件实现点击按键控制图片移动定义一个方法让上下左右键绑定键位附上页面代码<body bgcolor="#faebd7"> <img src="img/img1.jpg" id="img" style="width: 120px;height: 120px;position: absolute;left: 0px;top: 0px"...
2019-10-16 10:15:08
763
原创 使用JavaScript实现灯泡开关记录
使用JavaScript实现灯泡开关并记录代码: <div style="margin-left: 500px;float: left"> <img src="img/dark.png" id="img"> <input type="button" value="开关" onclick="onOff()"> ...
2019-10-13 12:08:32
503
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人