jQuery实现点击菜单展开和隐藏

jQuery实现点击菜单展开,点击页面其他地方隐藏菜单,前端常用的,MARK下,下次方面使用$("#a").on("click", function(e){    $("#menu").show();    $(document).one("click", function(){       &n...

阅读全文

使用layui验证表单信息

layui对表单使用lay-verify属性,然后可以通过该属性来对应编写验证规则,这里是我写过一个验证,记录下,以后可能用的上reg.jslayui.use(['form','jquery','layer'], function(){  var form = layui.form  ,layer = layui.layer  ,$ = layui.jque...

阅读全文

jQuery图片延迟加载插件jQuery.lazyload

使用方法引用jquery和jquery.lazyload.js到你的页面<script src="jquery-1.11.0.min.js"></script><script src="jquery.lazyload.js?v=1.9.1"></script>html图片调用方法为图片加入样式lazy 图片路径引用方法用data-original<img class="lazy" dat...

阅读全文

Javascript中inArray()的使用方法

inArray方法可以检查数组元素的内容,以检查它是否与特定值匹配,本篇文章我们就来详细介绍关于JavaScript中inArray()方法的使用。下面我们来看文章具体内容如何使用inArray方法?首先让我们来看一下inArray方法的基本语法$.inArray( 要搜索的值, 要搜素的数组, 索引编号(可省略) )在第一参数中指定“要搜索的值”,在第二参数中设定“要搜索的数组”是最基本的。由此可以检查想要搜索的值是否被存储在数组元素中。此外,通过指定第三个参数的“索引号”,可以指定搜索从哪个数组元素开始。如何搜...

阅读全文

jQ的toggle()方法

定义和用法toggle()方法切换元素的可见状态。如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。语法$(selector).toggle(speed,callback,switch)参数:speed可选。规定元素从可见到隐藏的速度(或者相反)。默认为"0"。可能的值:毫秒(比如1500)"slow""normal""fast"在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度。如果设置此参数,则无法使...

阅读全文

history.back(-1)和history.go(-1)的区别

我们在制作网站的时候经常会使用到JS的返回上一页,那么history.back(-1)和history.go(-1)有啥区别了,这里站长为你讲解下:history.back(-1);是直接返回当前页的上一页,如果上一页提交过表单,那么表单数据就全部没有了,实际上,history.back(-1)就是返回上一页的刷新页面。history.go(-1);也是返回当前页的上一页,不过表单里的数据全部还在history.back(0)刷新 history.back(1)前进 history.back(-1)后退...

阅读全文

H5禁止页面缩放功能

我们经常在手机网站上看到,使用两指可以对网站进行放大和缩小,一旦缩小或者放大以后页面就很别扭,一般我们都是需要禁止用户这样操作的,很简单一句代码就能禁止一般页面代码如下<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" />我们可以对他进行修改达到我们的目的<meta name="viewport"...

阅读全文

Javascript如何使页面重新加载

当我们在浏览页面时,在浏览器思维左上角有一个按钮,让我们去刷新页面,那么在程序里是如何操作的呢要实现页面加载就需要用到reload()方法,这个方法的用处就是重新加载当前文档reload()方法location.reload()我们将reload()的值设置为true时,它都会绕过缓存,从服务器上重新下载文档,就跟我们每次点击浏览器的刷新按钮一样。如果将该方法设置为false或者不设置参数时,它就会用HTTP头中If-Modified-Since来检测服务器上的文档是否已经发生改变,如果文档已经发生改变,则reload()会再次下载该文档;如...

阅读全文

Javascript获取单选按钮的选择状态

要使用JavaScript选择单选按钮的状态,需要选中单选按钮对象的checked属性,本篇文章介绍的就是使用JavaScript获取单选按钮的选择状态的方法。我们先来看看checked属性的值true:选中单选按钮false:未选中单选按钮在表单中获取单选按钮时由id属性指定的情况在JavaScript中引用id的表单控件document.forms.(参照表格的id).(参照控件的id)通过id引用单选按钮的选择状态时document.forms.(参照表格的id).(参照单选按钮的id).checked也可以访问document.(参照表格的nam...

阅读全文

CSS3前端常用效果

颜色渐变的动画效果:transition:color 0.4s;-moz-transition:color 0.4s;-webkit-transition:color 0.4s;-o-transition:color 0.4s;0.4s为变化时间,可以更具情况修改,一般使用在a标签上。下拉菜单常用的高度变化效果:height:0;overflow: hidden;transition: height 0.4s;-moz-transition: height 0.4s...

阅读全文