HTML
关注
分享
扫一扫
小歘欻
这个作者很懒，什么都没留下…
展开
-
jQuery发送ajax请求
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script> // 出于安全考虑ajax只能请求同一个域下面的数据 // 向json文件请求数.原创 2021-07-23 16:39:50 · 111 阅读 · 0 评论 -
jQuery层级菜单
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script> $(function(){ var $listA = $('.level1').原创 2021-07-23 16:34:32 · 226 阅读 · 1 评论 -
jQuery调用公共接口传json数据
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script> // https://www.baidu.com/sugrec?pre=1&p=.原创 2021-07-23 16:29:06 · 567 阅读 · 1 评论 -
jQuery加入购物车特效
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script> $(function(){ var $car = $('.car') v.原创 2021-07-22 17:38:08 · 253 阅读 · 0 评论 -
jQuery-mousewheel 整屏滚动
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script type="text/javascript" src="jquery-mousewheel.js"&g.原创 2021-07-21 19:09:21 · 416 阅读 · 0 评论 -
jQuery-UI拖拽特效
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script type="text/javascript" src="jquery-ui.js"></s.原创 2021-07-21 18:52:42 · 296 阅读 · 0 评论 -
jQuery悬浮菜单
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.12.4.min.js"></script> <script> /* 页面可视高度 cons.原创 2021-07-21 17:49:20 · 677 阅读 · 0 评论 -
jQuery手风琴特效
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script> $(function(){ var list1 = $('.list1 li').原创 2021-07-21 17:35:55 · 200 阅读 · 0 评论 -
jQuery幻灯片
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script> $(function(){ var $point = $('.point') .原创 2021-07-18 14:55:47 · 191 阅读 · 0 评论 -
jQuery新增列表
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script> $(function(){ var $btn = $('#btn') v.原创 2021-07-18 14:32:33 · 353 阅读 · 0 评论 -
jQuery事件委托
事件委托原理：事件冒泡机制；优点：1、可以大量节省内存占用，减少事件注册。比如ul上代理所有li的click事件就很不错；2、可以实现当新增子对象时，无需再对其进行事件绑定，对于动态内容部分尤为适合；缺点：1、基于冒泡机制，对于不冒泡的事件无效。2、绑定事件委托的层级过多，容易在某层被阻断或出现事件误判。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <ti原创 2021-07-18 14:00:27 · 347 阅读 · 0 评论 -
jQuery事件冒泡
事件冒泡子元素绑定了事件触发之后事件，事件会一级一级的往上传 若父元素也定义了函数也会触发，按钮的click事件先寻找在按钮上是否有onclick属性的有意义的定义（即该属性指向一个存在的函数或一段可执行 的语句），如果有，执行这个函数或语句；然后事件继续向上传播，到达按钮的上一层对象（例如form对象或document对象，总之是包含了按钮的父对象），如果该对象也定义了onclick属性，则执行属性的值。<!DOCTYPE html><html> <head&g原创 2021-07-17 19:04:09 · 82 阅读 · 0 评论 -
jQuery简介
目录什么是 jQuery ？jQuery对比JavaScript获取元素选择器属性操作绑定属性操作什么是 jQuery ？jQuery 是一个 JavaScript 函数库。jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 库。jQuery 库包含以下功能：HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilitiesj原创 2021-07-17 17:19:38 · 163 阅读 · 0 评论 -
JavaScript无缝滚动
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> window.onload = function(){ var oDiv = document.getElementById('oul') // 取得的ul是一个选择集需要将元素从中取出来【】 var oUl = oDiv.g.原创 2021-07-15 10:21:02 · 196 阅读 · 0 评论 -
JavaScript实现倒计时
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> window.onload = function(){ var oDiv = document.getElementById('div1') function fTiming(){ var nowTime.原创 2021-07-15 10:07:06 · 128 阅读 · 0 评论 -
JavaScript时钟特效
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> window.onload = function(){ var oDiv = document.getElementById('qwe') function fTime(){ var timing = new Da.原创 2021-07-15 10:04:00 · 457 阅读 · 0 评论 -
JavaScript基础操作
变量类型JavaScript的变量是由值来决定的<script> // 变量的类型是由值来决定的 var undefined1 = undefined var ser = 'asd' alert(undefined1) alert(ser)</script>加载Javascript页面是从上往下加载的，js代码写在头部，在js获取元素时由于元素还未加载出来，导致获取不到数值。<!DOCTYPE html&g原创 2021-07-15 09:57:35 · 188 阅读 · 0 评论 -
HTML导航条和翻页栏
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> /* jpg 大图片不透明背景 有损压缩 容量相对最小 webp（格式与jpg相同，容量更小 但不支持所有浏览器） png 大图片透明背景 小图片色彩丰富 图标 无损压缩 容量小 gif 小图片色彩丰富 动图 svg.原创 2021-07-15 08:30:50 · 1327 阅读 · 0 评论 -
基础的表单
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表单</title> <link rel="stylesheet" type="text/css" href=".\css\main.css"/> </head> <body> <div>这是一个div</div> <for.原创 2021-07-15 08:18:07 · 92 阅读 · 0 评论 -
解决margin塌陷问题
什么是margin塌陷在标准文档流中，竖直方向的margin会出现叠加现象（水平方向不会塌陷），两个margin紧挨着，中间没有border或者paddingmargin直接接触，就产生了合并表现为较大的margin会覆盖掉较小的margin，竖直方向的两个盒子中间只有一个较大的margin，这就是margin塌陷现象解决margin塌陷的方法1. 设置边框 2.overflow:hidden 溢出隐藏 3.name:before{content:''; display:table;}设原创 2021-07-15 08:05:56 · 291 阅读 · 0 评论