Welcome

首页 / 脚本样式 / JavaScript

值得分享的bootstrap table实例

2017-02-06 24
bootstrap table 封装了一套完善的数据表格组件，把下面的代码复制一下估计你需要的基本功能都有了，没有的再看看手册对比着我给的实例也能很快的熟悉了。客户端<！DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Bootstrap-Table</title> <link rel="stylesheet" hre...

web 前端常用组件之Layer弹出层组件

2017-02-06 19
经手几个项目，还是感觉 Layer 用起来比较的轻松，你能想到的 Layer 都能帮你做到。感谢 Layer 作者贤心，Layer 官网地址：http://layer.layui.com/1. Layer 使用特点Layer 具备全方位的解决方案，致力于服务各水平段的开发人员，让页面轻松地拥有丰富友好的操作体验。Layer 尽可能地在以更少的代码展现更强健的功能，注重性能的提升、易用和实用性.。Layer 兼容了包括IE6在内的所有主流浏览器。 数量可观的...

使用bootstrap实现多窗口和拖动效果

2017-02-06 21
有时开发一些特效，自己感觉挺爽的，像操作自己电脑一样操作你的网页，这里就介绍一个使用bootstrap的一点多窗口和拖动效果吧！这里，我们不使用静态打开的的方式，low...,1、添加一个a链接 触发，打开按钮;2、编写动态打开js脚本; 3、编写modal中间内容;4、添加拖动效果;5、打开多个modal , 调用dragModal（new Array（"modalId1","modalId2"））;1、添加一个a链接 触发，打开按钮：<a hre...

JS图片左右无缝隙滚动的实现（兼容IE,Firefox 遵循W3C标准）

2017-02-06 21
**兼容IE,Firefox 遵循W3C标准写法的图片无缝滚动代码（支持左移/右移功能）（本示例为上下两行图片进行双行滚动）**实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆，**通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当滚动至demo1与demo2的交界处时直接跳回初始位置，**因为demo1与demo2一样，所以...

关于验证码在IE中不刷新的快速解决方法

2017-02-06 23
今天在做验证码的时候发现在IE中，验证码不会刷新，而谷歌等其他浏览器没有问题，所以我想到应该是缓存问题，因为IE默认的设置是如果访问地址没变化就不会去获取而是加载缓存中的内容所以解决方案就是在验证码的切换地址后面加一个随机的参数例如：<script>//换验证码function changeimg（）{/*math.random范围是0-1*999变成0-999+3000 就是3000-3999*/var time=Math.round（Mat...

form表单转Json提交的方法（推荐）

2017-02-06 21
先将表单数值转换成数组存储，存储成的格式为[{"name":"","value":""},.....}]var formArray = $（"#form"）.serializeArray（）;将formArray转换成Json格式function arrayToJson（formArray）{var dataArray = {};$.each（formArray,function（）{if（dataArray[this.name]）{if（！dataArr...

常用js,css文件统一加载方法（推荐） 并在加载之后调用回调函数

2017-02-06 20
为了方便资源管理和提升工作效率，常用的js和css文件的加载应该放在一个统一文件里面完成，也方便后续的资源维护。所以我用js写了以下方法，存放在“sourceController.js”文件内。function sourceController（）{var root = "";var cssCount = 0; // css加载计数器var jsCount = 0; // js加载计数器this.callfunc = null; // 回调函数this.o...

JS 动态加载js文件和css文件 同步/异步的两种简单方式

2017-02-06 19
/*动态添加js或css,URL:文件路径，FileType：文件类型（js/css）*/function AddJsFiles（URL,FileType）{var oHead = document.getElementsByTagName（"HEAD"）.item（0）;var addheadfile;if（FileType=="js"）{addheadfile= document.createElement（"script"）;addheadfile....

同步异步动态引入js文件的几种方法总结

2017-02-06 22
动态加载js文件有时候我们需要根据参数不同来引入不同的js文件，用html直接写标签满足不了我们的需求，总结几种方法，以及同步异步加载的各种需求一.直接加载<div id="divId"></div><script>二.异步加载，并发执行，但引入js内容不能直接使用//1.1 直接document.write document.write（"<script src="test.js"></script&...

AngularJS监听路由的变化示例代码

2017-02-06 19
话不多说，我们下面直接来看实现的示例代码【一】Angular 路由状态发生改变时可以通过" $stateChangeStart "、" $stateChangeSuccess "、" $stateChangeError "监听，通过注入"$location"实现状态的管理代码示例如下：function run（$ionicPlatform, $location, Service, $rootScope, $stateParams） { //路由监听事件 $...

AngularJS通过$location获取及改变当前页面的URL

2017-02-06 18
注意本文中获取与修改的URL以 ‘http://172.16.0.88:8100/#/homePage?id=10&a=100" 这个路径为例:一. 获取url的相关方法（不修改URL）:1.获取当前完整的url路径var absurl = $location.absUrl（）; //http://172.16.0.88:8100/#/homePage?id=10&a=100 2. 获取当前url路径（当前url#后面的内容,包括参数和哈希...

jQuery easyui刷新当前tabs的方法

2017-02-06 22
更新特定的选项卡面板 可使用update方法，param参数包含2个属性:tab: 将被更新的选项卡。options: 选项卡相关配置项。Example://当前tabvar current_tab = $（‘#frame_tabs‘）.tabs（‘getSelected‘）;$（‘#frame_tabs‘）.tabs（‘update‘,{tab:current_tab,options : {content : ‘<iframe scrolling=...

bootstrap与Jquery UI 按钮样式冲突的解决办法

2017-02-06 22
参考： http://getbootstrap.com/javascript/今天在写页面的时候, 遇到一个问题, 页面上 要同时使用Jquery UI的弹出框, 又要用 bootstrap 的popover结果, 弹框的button 就变成这个样子了.网上查了下, 需要在JS开始的地方 添加两行代码.bootstrapButton = $.fn.button.noConflict（）; $.fn.bootstrapBtn = bootstrapButto...

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

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

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

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

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

2017-02-06 22
话不多说、静态效果图如下实代码如下<！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中点击按钮后变灰并显示加载中实例代码

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

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

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

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

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

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

2017-02-06 20
前端去实现权限控制听起来有点扯淡（实际也有点扯淡），掩耳盗铃，主要是担心安全问题，但是如果在前后端分离的情况下，需要做一个带有权限控制的后台管理系统，angular基于ui-router应该怎么做呢？权限的设计中比较常见的就是RBAC基于角色的访问控制,基本思想是，对系统操作的各种权限不是直接授予具体的用户，而是在用户集合与权限集合之间建立一个角色集合。每一种角色对应一组相应的权限。一旦用户被分配了适当的角色后，该用户就拥有此角色的所有操作权限。这样做的好...
<< 101 102 103 104 105 106 107 108 109 110 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图