Welcome 微信登录

首页 / 脚本样式 / JavaScript

jquery实现点击其他区域时隐藏下拉div和遮罩层的方法

jquery实现点击其他区域时隐藏下拉div和遮罩层的方法

2017年02月06日 11 阅读
本文实例讲述了jquery实现点击其他区域时隐藏下拉div和遮罩层的方法。分享给大家供大家参考，具体如下：为了更好的用户体验，在做下拉获取其他有弹出层的时候，当展开下拉时，要做到点击其他区域也能自动隐藏收起下拉和遮罩层，这样的效果用一段js就可以了。以下图为例的一个下拉菜单为参考：效果实现源码：$（document）.bind（"click", function（e） {var e = e || window.event; //浏览器兼容性var elem...
JavaScript中的函数（二）

JavaScript中的函数（二）

2017年02月06日 11 阅读
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。JavaScript 函数语法函数就是包裹在花括号中的代码块，前面使用了关键词 function：function functionname（）{这里是要执行的代码}当调用该函数时，会执行函数内的代码。可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。提示：JavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须...
JavaScript对象数组排序函数及六个用法

JavaScript对象数组排序函数及六个用法

2017年02月06日 11 阅读
分享一个用于数组或者对象的排序的函数。该函数可以以任意深度的数组或者对象的值作为排序基数对数组或的元素进行排序。代码如下： /*** 排序数组或者对象* by Jinko* date --* @param object 数组或对象* @param subkey 需要排序的子键, 该参数可以是字符串, 也可以是一个数组* @param desc 排序方式, true:降序, false|undefined:升序* @returns {*} 返回排序后的数组或...
JS实现的倒计时效果实例（2则实例）

JS实现的倒计时效果实例（2则实例）

2017年02月06日 11 阅读
本文实例讲述了JS实现的倒计时效果。分享给大家供大家参考，具体如下：我们经常会看到某些网站在注册的时候喜欢搞个按钮倒计时的效果，就是多少秒之后注册这个按钮才可以点击，其目的就是强迫你去看他的注册注意事项，这是一个很实用的效果；另外当我们进行在线考试的时候也必定会碰到答题倒计时的效果，这种倒计时效果是如何实现的呢？下面我们就用Js来实现一个倒计时效果，具体代码：html页面：<html><head> <title>倒计时&...
基于jquery实现鼠标左右拖动滑块滑动附源码下载

基于jquery实现鼠标左右拖动滑块滑动附源码下载

2017年02月06日 11 阅读
在没步入正文之前，先给大家贴效果图，看看是不是您想要的效果：在线演示 源码下载基于jQuery移动端滑块拖动设置代码。这是一款支持手机移动端的特效，可拖动滑块范围选择器，拖动滑块数值选择器。废话不多说了，直接给大家贴代码了。html代码：<div class="demo"><input type="hidden" class="single-slider" value="0" /><！-- <button id="g1"...
正则表达式优化JSON字符串的技巧

正则表达式优化JSON字符串的技巧

2017年02月06日 11 阅读
json字符串很有用，有时候一些后台接口返回的信息是字符串格式的，可读性很差，这个时候要是有个可以格式化并高亮显示json串的方法那就好多了，下面看看一个正则表达式完成的json字符串的格式化与高亮显示首先是对输入进行转换，如果是对象则转化为规范的json字符串，不是对象时，先将字符串转化为对象（防止不规范的字符串），然后再次转化为json串。其中json为输入。if （typeof json ！== "string"） {json = JSON.stri...
js中flexible.js实现淘宝弹性布局方案

js中flexible.js实现淘宝弹性布局方案

2017年02月06日 11 阅读
本文的内容就是介绍淘宝弹性布局方案lib-flexible实践，分享给大家供大家参考，具体内容如下1. 页面需求这是要做的页面效果（不要对设计置评，这不是开发人员决定的）：这是尺寸标注图（750*1334）：然后美工在750*1334的设计稿之上，按我的要求提供以下素材的切图：包括两个下载按钮的背景图片，logo，底部梯形的渐变背景和body部分的mobile 背景图。注意这些图片都是在750*1334的设计稿里面切出来的，所以尺寸都是设计稿里的原始尺寸，...
谈谈我对JavaScript原型和闭包系列理解（随手笔记8）

谈谈我对JavaScript原型和闭包系列理解（随手笔记8）

2017年02月06日 12 阅读
在上篇文章给大家介绍了《谈谈我对JavaScript原型和闭包系列理解（随手笔记6）》，谈谈我对JavaScript原型和闭包系列理解（随手笔记9） 可以点击了解详情。执行上下文栈执行全局代码时，会产生一个执行上下文环境，每次调用函数都又会产生执行上下文环境。当函数调用完成时，这个上下文环境以及其中的数据都会被消除，再重新回到全局上下文环境。处于活动状态的执行上下文环境只有一个。压栈出栈过程----执行上下文栈:var a = 10,//1. 进入全局上下...
JQuery实现Ajax加载图片的方法

JQuery实现Ajax加载图片的方法

2017年02月06日 11 阅读
本文实例讲述了JQuery实现Ajax加载图片的方法。分享给大家供大家参考，具体如下：最近在学习JQuery，想从原理上模拟一下无刷新的相册浏览。最先想到的思路是利用缓存，也就是先显示提示消息，然后get图片，在get完的时候回调，将img标签的src改掉，由于刚刚get过，有了缓存，所以图片会立刻显示出来。页面元素：<input class="picbtn" type="button" value="Next" /><div class...
谈谈我对JavaScript原型和闭包系列理解（随手笔记9）

谈谈我对JavaScript原型和闭包系列理解（随手笔记9）

2017年02月06日 11 阅读
相关阅读：谈谈我对JavaScript原型和闭包系列理解（随手笔记6） 谈谈我对JavaScript原型和闭包系列理解（随手笔记8）作用域引用《JavaScript语言精粹和编程实践》上对作用域的定义:变量作用域又叫变量的可见性。变量作用域完成对信息的隐蔽，也就是处理“割据”问题。js中是没有块级作用域的（ES6中有一个let，可以在{}，if，for里面声明，同时作用域限定在块级。let声明的变量不存在变量提升！这里不谈论这个，因为我也是偶然看到。）。我...
<< 1251 1252 1253 1254 1255 1256 1257 1258 1259 1260 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图