Welcome 微信登录

首页 / 脚本样式 / JavaScript

AngularJS实现全选反选功能

AngularJS实现全选反选功能

2017年02月06日 11 阅读
AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了。所以我做了一些工作（你也可以觉得是小花招）来让浏览器做我想要的事。这里用到AngularJS四大特性之二----双向数据绑定注意：没写一行DOM代码！这就是ng的优点，bootstrap.css为了布局，JS代码也只是简单创建ng模块和ng控制器效果：<！DOCTYPE html><ht...
JS组件Bootstrap Table表格多行拖拽效果实现代码

JS组件Bootstrap Table表格多行拖拽效果实现代码

2017年02月06日 11 阅读
前言：前天刚写了篇JS组件Bootstrap Table表格行拖拽效果，今天接到新的需要，需要在之前表格行拖拽的基础上能够同时拖拽选中的多行。用了半天时间研究了下，效果是出来了，但是感觉不尽如人意。先把它分享出来，以后想到更好的办法再优化吧。一、效果展示1、拖动前2、拖动中3、拖动后4、撤销回到拖动前状态二、需求分析通过上篇我们知道，如果要实现拖拽，必须要有一个可以拖拽的标签，或者叫容器，比如上篇里面的tr就是一个拖拽的容器，那么如果要实现选择行的拖拽，那...
jQuery遮罩层实现方法实例详解（附遮罩层插件）

jQuery遮罩层实现方法实例详解（附遮罩层插件）

2017年02月06日 12 阅读
本文实例分析了jQuery遮罩层实现方法。分享给大家供大家参考，具体如下：1 背景半透明遮罩层样式需要一个黑色（当然也可以其他）背景，且须设置为绝对定位，以下是项目中用到的css样式：/* 半透明的遮罩层 */#overlay {background: #000;filter: alpha（opacity=50）; /* IE的透明度 */opacity: 0.5; /* 透明度 */display: none;position: absolute;top...
详解js中构造流程图的核心技术JsPlumb

详解js中构造流程图的核心技术JsPlumb

2017年02月06日 11 阅读
项目里面用到了Web里面的拖拽流程图的技术JsPlumb，其实真不算难，不过项目里面用HTML做的一些类似flash的效果，感觉还不错，在此分享下。一、效果图展示1、从左边拖动元素到中间区域，然后连线2、连线类型可以自定义：这里定义为直线、折线、曲线。实际项目中根据业务我们定义为分装线、分装支线、总装线等3、鼠标拖动区域选中元素，并且选中元素统一拖动位置。4、对选中的元素左对齐。5、对选中元素居中对齐6、右对齐7、上对齐8、垂直居中对齐9、下对齐10、根据...
详解js中构造流程图的核心技术JsPlumb（2）

详解js中构造流程图的核心技术JsPlumb（2）

2017年02月06日 11 阅读
前言：上篇详解js中构造流程图的核心技术JsPlumb介绍了下JsPlumb在浏览器里面画流程图的效果展示，以及简单的JsPlumb代码示例。这篇还是接着来看看各个效果的代码说明。一、设置连线的样式和颜色效果代码示例大概的效果如图：这些效果看着很简单，那么，我们如何用代码去实现它呢。上章我们说过，JsPlumb的连线样式是由点的某些属性决定的，既然如此，我们就通过设置点的样式来动态改变连线的样式即可。来看代码：首先来看看连线类型的那个select <...
JS表格组件神器bootstrap table详解（基础版）

JS表格组件神器bootstrap table详解（基础版）

2017年02月06日 14 阅读
一、Bootstrap Table的引入关于Bootstrap Table的引入，一般来说还是两种方法：1、直接下载源码，添加到项目里面来。由于Bootstrap Table是Bootstrap的一个组件，所以它是依赖Bootstrap的，我们首先需要添加Bootstrap的引用。2、使用我们神奇的Nuget打开Nuget，搜索这两个包Bootstrap已经是最新的3.3.5了，我们直接安装即可。而Bootstrap Table的版本竟然是0.4，这也太坑...
js+ajax实现获取文件大小的方法

js+ajax实现获取文件大小的方法

2017年02月06日 11 阅读
本文实例讲述了js+ajax实现获取文件大小的方法。分享给大家供大家参考，具体如下：顾名思义，通过JS和Ajax来获取上传文件的大小，在上传之前可以有个判断，对上传的文件有所控制，因为js控制文件大小（JS获取文件大小）有些问题，具体大家试下就知道了，在此整理了一下ajax的获取文件大小的方法，比较好用，再调试过程中，出现了c:/fakepath/ 的错误，也将解决方案罗列在下面，以供大家参考废话少说，代码如下JS如下：<script languag...
JS判断当前页面是否在微信浏览器打开的方法

JS判断当前页面是否在微信浏览器打开的方法

2017年02月06日 11 阅读
本文实例讲述了JS判断当前页面是否在微信浏览器打开的方法。分享给大家供大家参考，具体如下：最近做很多HTML5的项目，很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中，点击下载链接无法下载应用。那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面。通过js就可以判断当前页面是在什么浏览器打开的。以下是一段示例代码，注释中表明了通过JS如何判断是否在微信浏览器打开，是否在QQ空间...
基于JavaScript创建动态Dom

基于JavaScript创建动态Dom

2017年02月06日 13 阅读
动态脚本我们在页面中使用<script>元素就可以向页面中插入javascript代码。有两种方式：一种是通过src属性引用外部的JS文件，一种是用这个元素来包含一段js代码。所谓的动态脚本，就是指这个脚本在页面加载时不存在，在将来的某一个时刻通过修改DOM来动态的添加脚本。与操作html元素一样，创建动态脚本也有两种方式：插入外部文件和直接插入JavaScript代码。动态加载的外部JavaScript代码可以立刻被执行，例如下面的代码：va...
jquery+ajax实现注册实时验证实例详解

jquery+ajax实现注册实时验证实例详解

2017年02月06日 11 阅读
本文实例讲述了jquery+ajax实现注册实时验证。分享给大家供大家参考，具体如下：当我们注册一个用户时，会实时提示该用户的信息是否可用，这就是ajax的应用，很久以前就看过这个实现了，今天又看了一遍，给记录下来O（∩_∩）O哈！先介绍下ajax中$.get,由于$.post用法和$.get大同小异就不再介绍了：这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。复制代码 ...
jQuery的Ajax用户认证和注册技术实例教程（附demo源码）

jQuery的Ajax用户认证和注册技术实例教程（附demo源码）

2017年02月06日 11 阅读
前面介绍了《jquery+ajax注册实时验证》及《jQuery使用$.ajax进行即时验证的方法》。这里进一步总结了jQuery的Ajax用户认证和注册技术。分享给大家供大家参考，具体如下：Ajax 表单提交是一个功能强大的技术，提供一种发送 web 表单的方法，无需重载浏览器窗口。jQuery 库让您使用 Ajax 表单提交功能进一步提供一个方便快捷的方法，以少量代码生成可用 Ajax 的 Web 表单。在本文中，学习如何使用 jQuery 创建基础 ...
jQuery基于ajax（）使用serialize（）提交form数据的方法

jQuery基于ajax（）使用serialize（）提交form数据的方法

2017年02月06日 11 阅读
本文实例讲述了jQuery基于ajax（）使用serialize（）提交form数据的方法。分享给大家供大家参考，具体如下：jQuery的serialize（）方法通过序列化表单值，创建URL编码文本字符串，我们就可以选择一个或多个表单元素，也可以直接选择form将其序列化，如：<form action="">First name: <input type="text" name="FirstName" value="Bill" />...
javascript如何写热点图

javascript如何写热点图

2017年02月06日 12 阅读
在gis中，你如果用js来写热点图 不借助后台怎么搞，as的话比较容易有相应的类库甚至官方都有。而且用js不借助arcgis发布rest服务，（注：热点图可以借助服务的形式发布，arcgis for javascript有相应的api支持的），这个时候就比较麻烦了，首先说明下热点图是啥？热点图是以点的形式展示，通过补全周边变化颜色也会相应的调整渐变，类似于足球某个人的运动范围那种，我找了下有个heapmap可以实现heapmap.js和heapmap-ar...
js实现卡片式项目管理界面UI设计效果

js实现卡片式项目管理界面UI设计效果

2017年02月06日 12 阅读
这是一款非常有创意的卡片式项目管理界面UI设计效果。该UI设计中，将各个项目以卡片的方式堆叠排列在屏幕上，当点击了其中的某个项目的时候，该项目图片会全屏放大，向下滚动鼠标可以看到该项目的介绍信息。该项目管理界面还提供了一个全屏的导航菜单，用户可以通过右上角的汉堡包图标来触发全屏菜单。使用方法HTML结构该卡片式项目管理界面的HTML结构分为3个部分：.cd-nav-trigger是全屏菜单的触发按钮，nav.cd-primary-nav是全屏导航菜单，.c...
<< 1241 1242 1243 1244 1245 1246 1247 1248 1249 1250 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图