2017年7月25日
DOM操作表单（select下拉选框）
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <select id="city" name="city" size="5"> <option value="CD">成都</opti 阅读全文
posted @ 2017-07-25 17:04 梁大爷 阅读(1073) 评论(0) 推荐(0) 编辑
2017年7月24日
DOM操作表单
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> function getFormInformation(){ var myform = document.forms[0]; alert(myfo 阅读全文
posted @ 2017-07-24 16:55 梁大爷 阅读(307) 评论(0) 推荐(0) 编辑
2017年6月29日
原来还能这么玩
摘要： 今天看了下系统，提了两个问题把自己逗乐了： 原来还能这么玩儿，乐了一上午…… 阅读全文
posted @ 2017-06-29 10:35 梁大爷 阅读(125) 评论(0) 推荐(0) 编辑
2017年6月6日
ul制作导航菜单
摘要： 首先上图，最终效果： HTML代码： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/new_file.css" /> </head> <bo 阅读全文
posted @ 2017-06-06 16:29 梁大爷 阅读(1382) 评论(0) 推荐(0) 编辑
2017年5月19日
HTML5+CSS （简易nav设计）
摘要： HTML部分： <!DOCTYPE html><html> <head> <title></title> <meta charset="utf-8" /> <link rel="stylesheet" href="css/moveCss.css" /> </head> <body> <nav id= 阅读全文
posted @ 2017-05-19 15:59 梁大爷 阅读(2582) 评论(0) 推荐(0) 编辑
2017年4月29日
鼠标事件-拖拽（滑块控制物体透明度变化）
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #parent{ width: 600px; height: 20px; border: 1px black solid; position: re 阅读全文
posted @ 2017-04-29 14:51 梁大爷 阅读(538) 评论(0) 推荐(0) 编辑
2017年4月28日
鼠标事件-拖拽5（带虚线框的拖拽）
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #div2 { width: 150px; height: 150px; position: absolute; background: #CCCC 阅读全文
posted @ 2017-04-28 09:41 梁大爷 阅读(662) 评论(0) 推荐(0) 编辑
2017年4月26日
鼠标事件-拖拽4（捕获）
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #div2 { width: 150px; height: 150px; position: absolute; background: #CCCC 阅读全文
posted @ 2017-04-26 16:45 梁大爷 阅读(358) 评论(0) 推荐(0) 编辑
鼠标事件-拖拽3（磁性吸附）
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #div2 { width: 150px; height: 150px; position: absolute; background: #CCCC 阅读全文
posted @ 2017-04-26 15:06 梁大爷 阅读(732) 评论(0) 推荐(0) 编辑
2017年4月19日
鼠标事件-拖拽2（不能拖出指定对象的div）
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #div2 { width: 150px; height: 150px; position: absolute; background: #CCCC 阅读全文
posted @ 2017-04-19 22:42 梁大爷 阅读(685) 评论(0) 推荐(0) 编辑