2017年4月12日
单选框控制表格行高亮
摘要： <!DOCTYPE html><html><meta charset="utf-8"><head> <title>表单应用</title> <script type="text/javascript" src="js/jquery-3.2.0.min.js"></script> <style typ 阅读全文
posted @ 2017-04-12 16:20 代码小精灵 阅读(241) 评论(0) 推荐(0)
表格展开闭合以及搜索
摘要： <!DOCTYPE html><html><head> <title>表格展开闭合</title> <script type="text/javascript" src="js/jquery-3.2.0.min.js"></script> <style type="text/css"> table{ 阅读全文
posted @ 2017-04-12 16:16 代码小精灵 阅读(234) 评论(0) 推荐(0)
表单合并
摘要： 定义和用法 border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。 可能的值 实例 <!DOCTYPE html><html><meta charset="utf-8"><head> <title>表单应用</title> <scri 阅读全文
posted @ 2017-04-12 13:46 代码小精灵 阅读(539) 评论(0) 推荐(0)
复选框的应用2
摘要： <!DOCTYPE html><html><head> <title>复选框的运用</title> <script type="text/javascript" src="js/jquery-3.2.0.min.js"></script></head><body> <form> 你的爱好是做什么？< 阅读全文
posted @ 2017-04-12 13:17 代码小精灵 阅读(179) 评论(0) 推荐(0)
复选框的应用
摘要： <!DOCTYPE html><html><head> <title></title> <script type="text/javascript" src="js/jquery-3.2.0.min.js"></script></head><body> <form> 你的爱好是做什么？ <input 阅读全文
posted @ 2017-04-12 13:15 代码小精灵 阅读(303) 评论(0) 推荐(0)
2017年4月11日
表单验证以及下拉框应用
摘要： <!DOCTYPE html><html><head> <title>下拉框应用</title> <style type="text/css"> .container{ width:500px; margin:0 auto; border: 1px solid #666; padding: 10px 阅读全文
posted @ 2017-04-11 23:23 代码小精灵 阅读(1142) 评论(0) 推荐(0)
2017年4月10日
多行文本框的高度变化
摘要： <!DOCTYPE html><meta charset="utf-8"><html><head> <title>多行文本框的高度变化</title> <script type="text/javascript" src="js/jquery.min.js"></script> <style typ 阅读全文
posted @ 2017-04-10 19:52 代码小精灵 阅读(628) 评论(0) 推荐(0)
2017年4月1日
视频展示效果
摘要： <!DOCTYPE html><html><head> <title>视频展览效果</title> <style type="text/css"> ul,ul li{ list-style: none; float: left; margin: 0; padding: 0; } h1, h2, h3 阅读全文
posted @ 2017-04-01 17:27 代码小精灵 阅读(264) 评论(0) 推荐(0)
2017年3月31日
自定义简单的动画
摘要： <!DOCTYPE html><html><head> <title></title> <style type="text/css"> .contianer{ position: relative; } .panel{ width: 200px; height: 200; background-co 阅读全文
posted @ 2017-03-31 20:01 代码小精灵 阅读(256) 评论(0) 推荐(0)
模拟操作
摘要： <!DOCTYPE html><html><head> <title></title> <script type="text/javascript" src="js/jquery.min.js"></script></head><body> <button id="btn">点击</button> 阅读全文
posted @ 2017-03-31 13:41 代码小精灵 阅读(351) 评论(0) 推荐(0)