JavaWeb前端
关注
分享
扫一扫
酷爱WAF哈狗帮
我就是我行我素
展开
-
jQuery注册表单校验
formTest.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>网站注册页面</title> <style> #contanier{ border: 0px solid white; widt...原创 2019-10-28 10:59:05 · 199 阅读 · 0 评论 -
jQuery完成下拉列表左右选择
leftRightList.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>下拉列表左右选择</title> <script type="text/javascript" src="../js/jquery-1.8....原创 2019-10-27 14:30:55 · 181 阅读 · 0 评论 -
jQuery完成省市联动
provincesAndCities.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>使用jQuery完成省市二级联动</title> <style type="text/css"> .top{ ...原创 2019-10-27 08:36:50 · 196 阅读 · 0 评论 -
使用jQuery完成复选框的全选和全不选
selectedAllOrNot.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>使用jQuery完成复选框的全选和全不选</title> <script type="text/javascript" src=".....原创 2019-10-27 07:47:39 · 247 阅读 · 0 评论 -
使用jQuery完成表格隔行换色
jqColors.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>使用jQuery完成表格隔行换色</title> <script type="text/javascript" src="../js/jquery-1...原创 2019-10-26 20:35:43 · 303 阅读 · 0 评论 -
jQuery属性选择器
selector4.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>属性选择器</title> <link rel="stylesheet" type="text/css" href="../css/style.cs...原创 2019-10-26 18:20:34 · 147 阅读 · 0 评论 -
jQuery基本过滤选择器（含奇偶）
selector3.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>基本过滤选择器</title> <link rel="stylesheet" type="text/css" href="../css/s...原创 2019-10-26 18:15:07 · 513 阅读 · 0 评论 -
jQuery层级选择器
selector2.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>层级选择器</title> <link rel="stylesheet" type="text/css" href="../css/style.cs...原创 2019-10-26 17:49:52 · 203 阅读 · 0 评论 -
jQuery基本选择器
selector1.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>基本选择器</title> <link rel="stylesheet" href="../css/style.css" /> <s...原创 2019-10-26 16:15:51 · 160 阅读 · 0 评论 -
jQuery完成首页定时弹出图片
timingAd.html<script type="text/javascript" src="../js/jquery-1.8.3.js"></script> <script type="text/javascript"> $(function() { //书写显示广告图片的定时操作 time = setInterval("sho...原创 2019-10-26 13:44:17 · 266 阅读 · 0 评论 -
DOM对象与jQuery对象转换
domToJquery.html<!DOCTYPE html><html> <head> <title>DOM与jQuery对象间的转换</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <met...原创 2019-10-26 08:45:54 · 282 阅读 · 0 评论 -
jQuery表格斑马线
tableZebra.html<!DOCTYPE html><html> <head> <title>jQuery表格斑马线</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name...原创 2019-10-25 17:18:38 · 504 阅读 · 0 评论 -
JS事件常用场景
原创 2019-10-25 08:10:07 · 229 阅读 · 0 评论 -
JS二级省市联动
provincesAndCities.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>二级省市联动</title> <style type="text/css"> .top{ border: 1px s...原创 2019-10-24 20:31:57 · 163 阅读 · 0 评论 -
DOM 动态添加城市
liveAddCity.html<!DOCTYPE html><html> <head> <title>动态添加城市</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="de...原创 2019-10-24 18:34:08 · 228 阅读 · 0 评论 -
DOM 账号验证改进
accountVerify.html<!DOCTYPE html><html> <head> <title>账号验证改进</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="...原创 2019-10-24 14:11:20 · 197 阅读 · 0 评论 -
DOM选中和取消所有的checkbox
checkAllBoxes.html<!DOCTYPE html><html> <head> <title>选中所有checkbox</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta ...原创 2019-10-24 13:40:10 · 345 阅读 · 0 评论 -
DOM验证账号、切换图片 、判断输入框里的值
3tests.html<!DOCTYPE html><html> <head> <title>三个练习答案</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="descrip...原创 2019-10-24 10:59:52 · 226 阅读 · 0 评论 -
使用JavaScript完成全选和全不选
checkAllBoxes.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>全选和全不选</title> <script type="text/javascript"> function checkAll() ...原创 2019-10-24 08:57:50 · 271 阅读 · 0 评论 -
使用JavaScript完成表格隔行换色
colors.html<!DOCTYPE html><html> <head> <title>表格隔行换色</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="descrip...原创 2019-10-23 18:20:28 · 219 阅读 · 0 评论 -
JavaScript注册页面表单校验完善
<script type="text/javascript"> /* function showTips() { document.getElementById("userspan").innerHTML="<font color='navy'>用户名必填!</font>"; } function checkUser() {...原创 2019-10-23 13:44:07 · 256 阅读 · 0 评论 -
使用JS完成首页定时弹出图片
<script type="text/javascript"> function init() { //书写轮图片显示的定时操作 setInterval("changeImg()",3000); //设置显示广告图片的定时操作 var time = setInterval("showAd()",3000); } //书写函数 va...原创 2019-10-23 10:17:34 · 388 阅读 · 0 评论 -
JavaScript阶段性练习2
test2.html<!DOCTYPE html><html> <head> <title>阶段性练习2</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="descript...原创 2019-10-22 15:10:19 · 160 阅读 · 0 评论 -
JavaScript阶段性练习1
<!DOCTYPE html><html> <head> <title>JS计算器</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" content=...原创 2019-10-22 11:05:15 · 151 阅读 · 0 评论 -
CSS阶段性练习1
<!DOCTYPE html><html> <head> <title>CSS阶段性练习1</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" cont...原创 2019-10-13 14:26:08 · 179 阅读 · 0 评论 -
HTML阶段性练习3
<!DOCTYPE html><html> <head> <title>注册页面</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" content="...原创 2019-10-11 16:30:58 · 178 阅读 · 0 评论 -
HTML阶段性练习2
<!DOCTYPE html><html> <head> <title>lol1.html</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" cont...原创 2019-10-11 15:53:43 · 169 阅读 · 0 评论 -
HTML中文乱码问题
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>原创 2019-10-11 11:57:24 · 194 阅读 · 0 评论 -
HTML阶段性练习1
<!DOCTYPE html><html> <head> <title>HTML阶段性练习1</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" con...原创 2019-10-11 08:24:11 · 176 阅读 · 0 评论