随笔分类 -  Web前端>>jQuery

jQuery交集选择器实现注册、登陆、找回密码
摘要：三个窗口组件 <div class="position-relative"> <div id="login-box" class="login-box visible widget-box no-border"> <div class="widget-body"> <div class="widge 阅读全文
posted @ 2021-09-08 15:27 无风何其浪 阅读(86) 评论(0) 推荐(0)
用jQuery的toggle方法实现元素的左右滑动隐藏
摘要：通常情况下给元素加toggle方法通常会是上下滑动隐藏，而有时我们又需要左右滑动隐藏怎么办呢 $(document).ready(function(){ $('#example').click(function(){ $('.div').animate({width:'toggle'},350); 阅读全文
posted @ 2019-12-20 09:22 无风何其浪 阅读(1111) 评论(0) 推荐(0)
综合笔记
摘要：var dv = document.getElementById('div-name')dv.style.display="none";document.getElementsByClassName("class-name")//Emlement后面有s的，添加样式的时候要[0]选择class-na 阅读全文
posted @ 2019-11-16 09:29 无风何其浪 阅读(137) 评论(0) 推荐(0)
滚动固定导航代码
摘要：滚动固定导航： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> <style 阅读全文
posted @ 2019-11-14 22:01 无风何其浪 阅读(288) 评论(0) 推荐(0)
下滚导航条自动隐藏，上滚显示
摘要：HTML代码（body内） <div class="top" id="top"></div> <div class="nav" id="nav"></div> <div class="main-body" id="menu"> <img src="images/img1.jpg" alt=""> < 阅读全文
posted @ 2019-11-14 14:23 无风何其浪 阅读(289) 评论(0) 推荐(0)
Math对象的一些方法
摘要：ceil(n) 返回n向上取整的最近的整数floor(n) 返回n向下取整到最近的整数max(a,b,c...) 返回最大值min(a,b,c...) 返回最小值round(n) 返回n四舍五入的最近的整数random() 返回一个0~1之间的随机数 阅读全文
posted @ 2019-11-08 15:56 无风何其浪 阅读(140) 评论(0) 推荐(0)
利用onMouseOver和onMouseOut实现图像翻滚
摘要：代码： <img src="images/001.jpg" alt="pic" onmouseover="this.src='images/001.jpg';" onmouseout="this.src='images/002.jpg';"/> 阅读全文
posted @ 2019-11-08 14:50 无风何其浪 阅读(275) 评论(0) 推荐(0)
实现div里的img图片水平垂直居中
摘要：body结构 <body> <div> <img src="1.jpg" alt="haha"> </div> </body> 方法一： 将display设置成table-cell，然后水平居中设置text-align为center，垂直居中设置vertical-align为middle。 <sty 阅读全文
posted @ 2019-09-28 17:58 无风何其浪 阅读(209) 评论(0) 推荐(0)