2018年07月_Endless-love

原创用bootstrap做一个表单验证

做一个表单验证validate.js$(function(){ var userReg = /^[a-zA-Z][a-zA-Z0-9_]{4,15}$/; var pwdReg = /^[a-zA-Z]\w{5,17}$/; validateForm($('#text'),userReg); validateForm($('#pwd'),pwdReg...

2018-07-28 07:39:19 435

原创用HTML5做全屏的API

用HTML5做全屏的API支持chrome、欧朋、IE、ff<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head>&

2018-07-26 21:28:15 340

原创 Local Storage来记住登录名和密码

Local Storage来记住登录名和密码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><bod

2018-07-26 20:02:18 780

原创 HTML5总结

HTML5 API – by gxj 2017-08-181.html5新增标签1.1 语义化标签 1.2 新增的标签. 1.3 智能表单,增加表单的type值,增加了相应的验证,比如required…,还可以实现行内正则的验证,不推荐。注意：智能表单一般用于移动端,主要弹出不同类型的软键盘<img src="img/html5form.png" alt="">...

2018-07-26 19:30:26 356

原创用html5实现图片和文字拖拽到下面的文本框里的Demo

用html5实现图片和文字拖拽到下面的文本框里的Demojquery-3.3.1.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev

2018-07-26 18:06:44 3443

原创用html5和jquery写的一个文件上传的Demo

用html5和jquery写的一个文件上传的Demojquery-3.3.1.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <

2018-07-26 17:58:37 1625

原创用jaxa写一个快递查询

用jaxa写一个快递查询jquery-3.3.1.js<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script src="js/jquer

2018-07-25 21:35:07 464

原创用jaxa做一个简单的菜谱Demo

用jaxa做一个简单的菜谱jquery-3.3.1.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script s

2018-07-25 21:27:14 409

原创用jaxa做一个省市县级联的Demo

用jaxa做一个省市县级联的Demo完整代码加数据都在连接里连接连接有数据，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>&l

2018-07-25 13:13:56 395

原创放大镜的小Demo

放大镜的小Demo<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css" media=&qu

2018-07-25 08:23:32 286

原创用js实现一个下拉列表小案例

实现下拉菜单对于地址的选择<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body>

2018-07-24 21:50:04 799

原创用css3写线性渐变案例

用css3写线性渐变案例 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css" media=&q

2018-07-24 21:44:54 401

原创用css3做阴影

用css3做阴影<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css" media="scr

2018-07-24 21:42:22 958

原创用jquery实现一个全选和反选的小案例

用jquery实现一个全选和反选的小案例其实知识学得越多，你就会发现做的东西越来越容易一些&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&am

2018-07-24 21:36:46 443

原创 jquery的移动节点

jquery的移动节点jquery-3.3.1.js<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script src="js/jquery-

2018-07-24 21:26:15 418

原创用jquery写的图片在固定盒子中移动（遇到边界自动翻转）

用jquery写的图片在固定盒子中移动（遇到边界自动翻转）jquery-3.3.1.js<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>乱蹦的图片</title><script src=&

2018-07-24 20:45:35 881

原创鼠标的滑轮向下移动，广告不移动的小案例

鼠标的滑轮向下移动，广告不移动的小案例这个案例需要用到jqueryjquery-3.3.1.js<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><scr

2018-07-24 18:21:22 202

原创使用jquery进行节点的删除操作

使用jquery进行节点的删除操作jquery-3.3.1.js (https://code.jquery.com/jquery-3.3.1.js) &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8&quot

2018-07-24 17:55:09 238

原创 jquery总结

jQuery by gxj需要下载的插件(markdown-preview/sublime-server/jQuery/autofilename)+ ctrl+shift+p+ install package+ 找你需要的插件点击安装资源库jQuery简介/特点* jQuery其实就是原生js写的一个包含了丰富多彩的方法的一个js库* 注意jQuery的版...

2018-07-24 13:01:50 358

原创用jquery写一个选项卡

用jquery写一个选项卡该实例需要自己下载 jquery-3.1.1.js代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> &am

2018-07-24 12:56:46 1412

原创照片墙

照片墙自己提供照片：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>照片墙</title><link href="https://cdn.bootcss.com/animate.

2018-07-23 11:53:38 311

原创弹性盒模型的小例子

弹性盒模型的小例子代码如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>弹性盒模型</title><style> body,ul{ margin

2018-07-23 10:57:48 437

原创用js做一个放大镜的小例子

用js做一个放大镜的小例子css样式：body{ margin: 0; } .box{ width: 900px; margin:40px auto; height: 400px; } .top{ width: 900px; margin:100...

2018-07-22 18:50:16 267

原创 HTTP 指南

HTTP 指南HTTP 规范是我们在开发 Web 相关工程是应该要遵守的，这里记录下我觉得常用的基础知识和常见用法。0 HTTP 简介HTTP协议（HyperText Transfer Protocol，超文本传输协议）是因特网上应用最为广泛的一种基于TCP/IP 通信协议来传递数据的网络传输协议，所有的 WWW 文件都必须遵守这个标准。HTTP 默认端口号为 80。HTTP 是...

2018-07-22 11:15:02 188

原创 java web 实现的增删改查（php+mysql+apache）

实现的完整代码见超链接的压缩包：链接：https://pan.baidu.com/s/1Y7EeGs68mEFC21YgZKno9g 密码：c5wj具体代码如下： mysql代码： /*Navicat MySQL Data TransferSource Server : APPSource Server Version : 50722Source Host...

2018-07-22 10:36:02 428 1

原创 Javaweb的增删改查的小案例（jsp+tomcat+eclipse+mysql）

后台中数据的增删改查的小案例我使用的是eclipse-jee-oxygen-3a-win32-x86_64apache-tomcat-8.0.50-windows-x64mysql-connector-java-5.1.40-binmysql-5.7.22-winx64jdk-8u171-windows-x64工具来做。jsp部分代码：Login.js...

2018-07-22 09:22:20 3935 18

原创图片切换的小例子

图片切换的小例子首先你得分析整个结构应该如何取一步一步的去写切换图片无非两种状态 true 或者 false, 所以我们在这里使用开关 flag 来实现，具体代码如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Docume

2018-07-22 08:33:02 132

原创 js总结

Javascript1.JS引入页面的方式<script src=”js文件的路径”>标签内部不允许写任何内容</script><script>js代码的位置</script><div onclick=”函数” style=”样式”></div>2.三种常用的输出方法以下三个方法我们经常用来调...

2018-07-21 22:34:00 118

原创 css3的总结

css3 lore-LWcss3参考手册css3新增伪类选择器el:nth-child(n)/li:nth-child(2n+1):el父级下第n个el元素,n值是父级下所有元素的统一的索引 el:nth-child(even/odd):关键字el:nth-of-type(n):el父级下第n个el元素,n值不同类型的el会有自己单独的索引 el:nth-last-c...

2018-07-21 22:18:16 196

原创选项卡

选项卡css样式：body{ margin: 0; } /* .clear:after{ content: ''; display: block; } */ #box{ margin: 50px auto; width: 500px; height: 3...

2018-07-21 22:13:19 98

原创轮播图的小案例

轮播图的小案例css样式：body,ol{ margin: 0; padding: 0; list-style: none; } .wrapper{ width: 600px; margin: 50px auto; position: relative; }...

2018-07-21 22:09:44 305

原创在限制范围内的拖拽

在限制范围内的拖拽css样式：body{ margin: 0; } .box{ background: #eee; width: 800px; height: 400px; border: 1px solid #ddd; margin-left: 250px; m...

2018-07-21 21:58:45 1397

原创实现一个小小的聊天对话

实现一个小小的聊天对话css样式：img,button,input{ margin: 0; padding: 0; } #div { width: 400px; height: 400px; border: 2px solid #000;...

2018-07-21 21:52:07 399

原创删除操作

删除操作css代码如下：body{ margin: 0; } table{ margin: 50px auto; border: 1px solid #000; width: 600px; min-height: 40px; border-collapse: co...

2018-07-21 21:46:21 294

原创做一个倒计时的小例子

做一个倒计时的小例子css样式代码： body,p{ margin: 0; padding: 0; list-style: none; } .box{ width: 500px; height: 300px; ...

2018-07-21 21:39:24 318

原创实现一个挂钟

用js实现一个时钟实现代码如下 Document body,li{ margin: 0; padding: 0; list-style: none; } .contain{ mar...

2018-07-21 21:25:08 292

Endless love