JavaScript资料,JavaScript文章,JavaScript文档-易库教程

jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法

2016年10月01日 14 阅读

最近在一个ASP.NET MVC5项目中使用Bootstrap的模态窗（弹出层）来让用户填写内容，其中的一个编辑框提供了自动完成功能，用jQuery UI Autocomplete来实现。因为我是WEB前端小白，遇到一个问题很久也没解决掉，所以特简单记录一下，供以后查阅。问题：不使用模态窗的时候，autocomplete可以很好的工作，使用模态窗时弹出的选择菜单会被模态窗遮挡。解决过程：首先查到的解决办法是在*autocomplete.css中找到.ui-...

BootStrap中按钮点击后被禁用按钮的最佳实现方法

2016年10月01日 14 阅读

Bootstrap中点击后禁用按钮与js有什么区别呢要如何来实现呢，今天我们就一起来看一篇关于Bootstrap中点击后禁用按钮的最佳方法，具体的例子如下所示．为了防止在Bootstrap中点击按钮多次提交，所以希望点击按钮后禁用按钮。具体实现方法如下://禁用button $（"button"）.addClass（"disabled"）; // Disables visually $（"button"）.prop（"disabled", true）; /...

jQuery实现边框动态效果的实例代码

2016年10月01日 19 阅读

话不多说、静态效果图如下实代码如下<！DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> .myDiv{width: 300px;height: 200px;border: 1px solid rgba（0,0,0,0.2）;margin: 50px ;position: rela...

Bootstrap中点击按钮后变灰并显示加载中实例代码

2016年10月01日 13 阅读

Bootstrap插件非常的好用了，我们今天一起来看一篇关于Bootstrap实现点击按钮之后按钮变成不可点击的一个效果了，具体的如下所示．1.在按钮中加入data-loading-text，即点击按钮后显示的文字<button type="submit" class="btn btn-primary btn-check" data-loading-text="提交中...">添加成员</button> 2.当点击按钮后禁用按钮，并...

jQuery.uploadify文件上传组件实例讲解

2016年10月01日 14 阅读

1、jquery.uploadify简介在ASP.NET中上传的控件有很多，比如.NET自带的FileUpload，以及SWFUpload，Uploadify等等，尤其后面两个控件的用户体验比较好，无刷新，带上传进度等等。在最近的短信平台开发中，使用Uploadify进行文件上传。Uploadify官网地址是：http://www.uploadify.com/ 可满足项目开发需求。下载地址：http://www.uploadify.com/wp-conte...

打造自己的jQuery插件入门教程

2016年10月01日 16 阅读

本文实例讲述了打造自己的jQuery插件的方法。分享给大家供大家参考，具体如下：写js插件并不麻烦，js插件有两类，类型插件和对象插件。首先举例：$.post（url）;这个是类型插件，换句话说该插件在调用的时候不需要指定对象。那么：$（"p"）.click（）;这个是对象插件，也就是说使用该插件的时候需要指定对象。在写jQuery插件的时候，都是有固定的模板：jQuery.plugin1 = function（text） {alert（text）;};/...

Angular中使用ui router实现系统权限控制及开发遇到问题

2016年10月01日 15 阅读

前端去实现权限控制听起来有点扯淡（实际也有点扯淡），掩耳盗铃，主要是担心安全问题，但是如果在前后端分离的情况下，需要做一个带有权限控制的后台管理系统，angular基于ui-router应该怎么做呢？权限的设计中比较常见的就是RBAC基于角色的访问控制,基本思想是，对系统操作的各种权限不是直接授予具体的用户，而是在用户集合与权限集合之间建立一个角色集合。每一种角色对应一组相应的权限。一旦用户被分配了适当的角色后，该用户就拥有此角色的所有操作权限。这样做的好...

浅谈Web页面向后台提交数据的方式和选择

2016年10月01日 13 阅读

1、通过表单提交这是HTML支持最传统的提交方法，需要创建表单，然后表单包含各种类型的表单元素，还要有一个提交按钮，通过提交按钮来提交到后台，这种方式提交后页面会刷新。2、通过网页链接提交可以在网页的链接附上需要提交的参数，当用户点击链接后，浏览器发起向链接的访问，从而也把链接附带的参数提交到后台，这种方式提交后页面也会刷新。3、通过ajax提交Javascript支持ajax方式创建HTTP请求，可以通过在HTML页面元素的事件处理函数中创建ajax请求...

用瀑布流的方式在网页上插入图片的简单实现方法

2016年10月01日 14 阅读

当我们的网页需要插入很多图片的时候，为了美观，我们可以选择用瀑布流的方法插入图片首先我们在body里面放入我们需要展示的图片<div id="box"><div class="dinwei"><div class="pic"><img src="image/1.jpg"></div></div><div class="dinwei"><div class="pic"&...

JavaScript实现DOM对象选择器

2016年10月01日 21 阅读

目的：根据传入的选择器类型选出第一个符合的DOM对象。①可以通过id获取DOM对象，例如 $（"#adom"）;②可以通过tagName获取DOM对象，例如 $（"a"）;③可以通过样式名称获取DOM对象，例如 $（".classa"）;④可以通过attribute匹配获取DOM对象，例如 $（"[data-log]"），$（"[data-time=2015]"）;⑤可以通过层叠组合获取DOM对象，例如 $（"#adom .classa"）;思路：需要区分...

基于JavaScript实现跳转提示页面

2016年10月01日 17 阅读

先给大家展示下效果图，如果大家感觉还不错，请参考实现代码：网页布局<p>操作成功</p><strong>5</strong><span>秒后回到主页</span><a href="javascript:history.back（）;">返回</a>任务：1.打开网页后，如果不做任何操作则返回到一个新的页面var num=document.getElementsB...

在localStorage中存储对象数组并读取的方法

2016年10月01日 12 阅读

频繁ajax请求导致页面响应变慢。于是考虑将数据存储在window.storage中，这样只请求一次ajax，而不需要频繁请求。鉴于localstorage中只能存储字符串，所以我们要借助于JSON.stringify（）和JSON.parse（）;$.ajax（{type: "get",async: "true",url: "",data: {},dataType: "jsonp",success: function（data）{if（data inst...

轻松实现js选项卡切换效果

2016年10月01日 15 阅读

这是要实现的效果图：一.HTML页面布局<！-- HTML页面布局 --><ul class="tab_menu"> <li class="selected">房产</li> <li>家居</li> <li>二手房</li></ul><div class="tab_box"> <div> 275万购昌平邻铁三居总价20万买一...

js面向对象实现canvas制作彩虹球喷枪效果

2016年10月01日 14 阅读

前段时间在研究canvas，感觉还挺好玩的，就写了一个小demo，效果如下：第一次尝试用js面向对象的方式来写，经验不足，还请大家多多包涵。下面开始简单介绍代码：canvas画布：复制代码代码如下:<canvas id="canvas" width="1050" height="500" style="background:#333;overflow: hidden;"></canvas> 彩虹球的随机颜色是通过下面两个方法来实现...

简单的js表格操作

2016年10月01日 12 阅读

效果图：任务：1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2，移开鼠标时则恢复为原背景色 #fffvar tr=document.getElementsByTagName（"tr"）; for（var i= 0;i<tr.length;i++） { bgcChange（tr[i]）; } // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。function bgcChange（obj） { obj.onm...

用js写的一个路由（简单实例）

2016年10月01日 15 阅读

前几天在网上看了一个大牛用js写了一个路由的,有一句代码一直不知道怎么回事,后来就自己写了一个,写的比较的粗糙,我觉得把面向对象的思想都搞得乱七八糟的,不过功能实现了。<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>js实现路由</title></head><body>< ...

angular.js之路由的选择方法

2016年10月01日 13 阅读

在一个单页面中，我们可以添加多个模块，使得网页只在需要的时候加载这个模块。模块的切换大致上可以代替网页的切换，于是，我们便可以通过模块的切换实现网页的切换，这个切换是按需加载的。乍一看非常普通的东西，但是仔细想想就可以发现，这种思想可以解决非常多的资源。例如，假如有一个页面，需要显示1000种商品的信息，每个商品的表现形式各不相同（设他们有各自独立的css和js），那么一般来说，我们就需要准备1000张网页去加载这些信息。但是，使用这种模块化思想，我们就可...

基于chosen插件实现人员选择树搜索自动筛选功能

2016年10月01日 19 阅读

要实现的功能截图：要求：1、点击输入框可以根据拼音自动筛选数据，并且标记已经选择的数据，没有结果的时候提示，相应的更新左边树状态2、勾选树右侧树的复选框左侧出现相应的内容我用到的插件vue+chosen+ztree vue：组件化的MVVM库 chosen:单选列表和多选列表增强 ztree：基于jquery的树插件分析chosen插件已经可以实现1中的大部分效果，我们只需要预先获取数据，实现左右两侧一一对应，最后点击发送获取最终的数据集合ID具体实现c...

Bootstrap对话框使用实例讲解

2016年10月01日 11 阅读

使用模态框的弹窗组件需要三层 div 容器元素分别为 modal（模态声明层） dialog（窗口声明层） content（内容层）在内容层里面,还有三层,分别为 header（头部）、 body（主体）、 footer（注脚）一个简单的对话框登陆/注册例子<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Doc...

javascript 分号总结及详细介绍

2016年10月01日 18 阅读

javascript每条语句都是以分号结束，但由于javascript具有分号自动插入规则，所有不同的编程人员有不同的习惯，有的加分号，有的不加分号，那么到底加分号好还是不加分号好？本文章向大家探讨javascript每条语句该不该加分号。javascript的分号代表语句的结束符，但由于javascript具有分号自动插入规则，所以它是一个十分容易让人模糊的东西，在一般情况下，一个换行就会产生一个分号，但实际情况却不然，也就是说在javascript中换...

首页 / 脚本样式 / JavaScript

jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法

BootStrap中按钮点击后被禁用按钮的最佳实现方法

jQuery实现边框动态效果的实例代码

Bootstrap中点击按钮后变灰并显示加载中实例代码

jQuery.uploadify文件上传组件实例讲解

打造自己的jQuery插件入门教程

Angular中使用ui router实现系统权限控制及开发遇到问题

浅谈Web页面向后台提交数据的方式和选择

用瀑布流的方式在网页上插入图片的简单实现方法

JavaScript实现DOM对象选择器

基于JavaScript实现跳转提示页面

在localStorage中存储对象数组并读取的方法

轻松实现js选项卡切换效果

js面向对象实现canvas制作彩虹球喷枪效果

简单的js表格操作

用js写的一个路由（简单实例）

angular.js之路由的选择方法

基于chosen插件实现人员选择树搜索自动筛选功能

Bootstrap对话框使用实例讲解

javascript 分号总结及详细介绍