摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表单验证案例</title> </head> <style type="text/css"> * { box-sizing: border-box; } body { backgr 阅读全文
posted @ 2021-09-02 19:13 拾呓 阅读(81) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o 阅读全文
posted @ 2021-09-02 19:10 拾呓 阅读(61) 评论(0) 推荐(0) 编辑
摘要: ###放大镜逻辑 仅供参考 还未完善 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vi 阅读全文
posted @ 2021-09-02 19:04 拾呓 阅读(32) 评论(0) 推荐(0) 编辑
摘要: ###方法一 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> .newList{ height: 100px; overflow: hidden; background-co 阅读全文
posted @ 2021-09-02 18:53 拾呓 阅读(52) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ display: none; } .c1{ position: fixed; left:0; top: 阅读全文
posted @ 2021-09-02 18:37 拾呓 阅读(27) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ display:none; } .item .header{ height:35px; backgro 阅读全文
posted @ 2021-09-02 18:34 拾呓 阅读(18) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>简易留言板</title> <style> a{ cursor: pointer; } a:hover{ color:red; background-color 阅读全文
posted @ 2021-09-02 18:33 拾呓 阅读(95) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{padding:0;margin:0;} ul{list-style:none;} #tab{ width:48 阅读全文
posted @ 2021-09-02 18:26 拾呓 阅读(28) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <meta name="viewport" content="width=device-width, initial-scale=1 阅读全文
posted @ 2021-09-02 18:02 拾呓 阅读(32) 评论(0) 推荐(0) 编辑
摘要: ##select省级联动效果 ###select1 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <met 阅读全文
posted @ 2021-09-02 17:52 拾呓 阅读(33) 评论(0) 推荐(0) 编辑
摘要: ###如何理解什么是跨域AJAX? 由于浏览器存在同源策略机制,同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。所以ajax本身是不可以跨域的,通过产生一个script标签来实现跨域。 因为script标签的src属性是没有跨域的限制的。 浏览器同源策略并不是对所有的请求均制 阅读全文
posted @ 2021-09-02 17:18 拾呓 阅读(59) 评论(0) 推荐(0) 编辑
摘要: AJAX实际应用篇 一句话理解什么是AJAX? 在页面不刷新的情况下, 与服务器交换数据,并且向服务器发送 HTTP 请求. Ajax包括哪些内容: XHTML和CSS 使用文档对象模型(Document Object Model)作动态显示和交互 使用XML和XSLT做数据交互和操作 使用XMLH 阅读全文
posted @ 2021-09-02 16:57 拾呓 阅读(35) 评论(0) 推荐(0) 编辑