随笔分类 -  Java Web 前端编程练习

1 2 下一页
demo
BootStrap导航条&轮播图
摘要：1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>导航条和轮播图</title> 7 <!-- 核心 CSS 文件 --> 8 <link rel="stylesheet" href="../css/boo 阅读全文
posted @ 2020-04-14 22:29 yxfyg 阅读(435) 评论(0) 推荐(0)
JQ实现程序员老黄历
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>程序员老黄历</title> 6 <style> 7 .time{ 8 color: black; 9 font-size: 20px; 10 font-wei 阅读全文
posted @ 2020-04-13 16:43 yxfyg 阅读(609) 评论(0) 推荐(0)
JQ实现表单校验
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>JQ校验</title> 6 <style> 7 .tips{ 8 width:16px; 9 vertical-align:middle; 10 } 11 1 阅读全文
posted @ 2020-04-12 11:43 yxfyg 阅读(205) 评论(0) 推荐(0)
JQ实现选项左右移动
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>选项左右移动</title> 6 <script type="text/javascript" src="../js/jquery-1.11.0.js"></s 阅读全文
posted @ 2020-04-11 10:37 yxfyg 阅读(517) 评论(0) 推荐(0)
JQ实现省市联动
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>省市联动</title> 6 <script type="text/javascript" src="../js/jquery-1.11.0.js"></scr 阅读全文
posted @ 2020-04-11 09:13 yxfyg 阅读(327) 评论(0) 推荐(0)
JQ中遍历方法的测试
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>遍历方法的测试</title> 6 <script type="text/javascript" src="../js/jquery-1.11.0.js"></ 阅读全文
posted @ 2020-04-10 22:13 yxfyg 阅读(144) 评论(0) 推荐(0)
JQ实现全选与全不选
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>全选与全不选</title> 6 <script type="text/javascript" src="../js/jquery-1.11.0.js"></s 阅读全文
posted @ 2020-04-10 12:34 yxfyg 阅读(151) 评论(0) 推荐(0)
JQ实现表格的隔行换色
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>表格的隔行换色</title> 6 <script type="text/javascript" src="../js/jquery-1.11.0.js"></ 阅读全文
posted @ 2020-04-10 11:48 yxfyg 阅读(211) 评论(0) 推荐(0)
JQ选择器实验
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>JQ选择器实验</title> 6 <style> 7 div{ 8 background-color: gray; 9 width: 200px; 10 he 阅读全文
posted @ 2020-04-09 18:32 yxfyg 阅读(155) 评论(0) 推荐(0)
JQ实现广告的定时弹出与关闭
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>广告定时弹出与关闭</title> 6 <script type="text/javascript" src="../js/jquery-1.11.0.js"> 阅读全文
posted @ 2020-04-09 13:31 yxfyg 阅读(380) 评论(0) 推荐(0)
JQ动画效果测试
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>JQ动画效果测试</title> 6 <script type="text/javascript" src="../js/jquery-1.11.0.js">< 阅读全文
posted @ 2020-04-09 11:08 yxfyg 阅读(188) 评论(0) 推荐(0)
JQ查找元素
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>JQ查找元素</title> 6 <script type="text/javascript" src="../js/jquery-1.11.0.js"></s 阅读全文
posted @ 2020-04-09 09:34 yxfyg 阅读(156) 评论(0) 推荐(0)
JQ和JS对象之间的转换
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>JQ和JS对象之间的转换</title> 6 <script type="text/javascript" src="../js/jquery-1.11.0.j 阅读全文
posted @ 2020-04-08 22:29 yxfyg 阅读(193) 评论(0) 推荐(0)
JQuery入门案例
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>入门案例</title> 6 <script type="text/javascript" src="../js/jquery-1.11.0.js"></scr 阅读全文
posted @ 2020-04-08 20:17 yxfyg 阅读(128) 评论(0) 推荐(0)
JS实现选项的左右移动
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>选项移动</title> 6 <script> 7 function moveLeft(){ 8 var leftSelect = document.getEl 阅读全文
posted @ 2020-04-08 16:53 yxfyg 阅读(855) 评论(0) 推荐(0)
JS实现省市联动
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>省市联动</title> 6 <script> 7 function selectCity(){ 8 var cityArray = [["南京","苏州"," 阅读全文
posted @ 2020-04-08 11:00 yxfyg 阅读(380) 评论(0) 推荐(0)
简单的DOM操作实例练习
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>DOM操作</title> 6 <script> 7 function clickme(){ 8 var div1 = document.getElementB 阅读全文
posted @ 2020-04-08 10:09 yxfyg 阅读(158) 评论(0) 推荐(0)
JS实现全选和全不选
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>全选和全不选</title> <script> function selectAll(){ var check1 = document.getElementById("checkb 阅读全文
posted @ 2020-04-07 21:37 yxfyg 阅读(242) 评论(0) 推荐(0)
JS实现表格隔行换色
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表格隔行换色</title> <script> function color(){ var table = document.getElementById("table"); va 阅读全文
posted @ 2020-04-07 20:43 yxfyg 阅读(254) 评论(0) 推荐(0)
JS校验
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>JS校验</title> 6 <script> 7 function showTips(spanID,msg){ 8 var span = document.g 阅读全文
posted @ 2020-04-07 15:04 yxfyg 阅读(148) 评论(0) 推荐(0)

1 2 下一页