Welcome

首页 / 脚本样式 / JavaScript

利用D3.js实现最简单的柱状图示例代码

2017-02-06 31
首先把效果图放出来：具备了一个柱状图的基础元素：柱形，坐标轴，刻度，数值等。不得不说，d3.js比直接用的echarts更麻烦，但是确实更自由。来看看如何实现吧。//确定画布的大小var width = 400;var height = 400;//在 body 里添加一个 SVG 画布 var svg = d3.select（"body"）.append（"svg"）.attr（"width", width）.attr（"height", height）...

解析微信JS-SDK配置授权，实现分享接口

2017-02-06 28
微信开放的JS-SDK面向网页开发者提供了基于微信内的网页开发工具包，最直接的好处就是我们可以使用微信分享、扫一扫、卡券、支付等微信特有的能力。7月份的时候，因为这个分享的证书获取问题深深的栽了一坑，后面看到“config:ok”的时候真的算是石头落地，瞬间感觉世界很美好..这篇文章是微信开发的很多前置条件，包括了服务端基于JAVA的获取和缓存全局的access_token，获取和缓存全局的jsapi_ticket，以及前端配置授权组件封装，调用分享组件封...

利用jQuery.Validate异步验证用户名是否存在（推荐）

2017-02-06 22
HTML头部引用：<script type="text/JavaScript" src="../js/jQuery-1.3.2.min.js"></script><script type="text/javascript" src="../js/jquery.validate.min.js"></script><script type="text/javascript" src="../js/messa...

任意Json转成无序列表的方法示例

2017-02-06 18
前言不知道大家有没有发现，在网上很多树状插件都是需要固定格式的Json，但自己在生成Json的时候没考虑这些，所以就只能自己拼接字符串来生成无序列表.比如：{ "顶层菜单1":[ {"domain":"顶层菜单1","runType":"background","moduleName":"子菜单","memo":"描述","srcFile":"","depends":[] } ], "顶层菜单2":[ {"domain":"顶层菜单2","runType"...

jQuery Validate设置onkeyup验证的实例代码

2017-02-06 23
jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。下面给大家分享一段jquery validate 设置onkeyup验证的代码，具体代码如下所示：代码如下所示：<！DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程（runoob.co...

Bootstrap table使用方法详细介绍

2017-02-06 64
bootstrap-table是一个非常好用的表格插件，提供了很多工具及分页、搜索等功能。首先我们需要下面几个文件，<span style="font-size:18px;"><！-- bootstrap table --> <script type="text/javascript" src="${pageContext.request.contextPath}/res/jquery-1.10.2/jquery.js">...

利用JS实现页面删除并重新排序功能

2017-02-06 23
首先，用jqury选择器，选中勾选的行：var cks = $（"#indicator_table"）.find（"input[type="checkbox"]:checked"）;然后弹出一个确认是否删除框，为是否删除框中的确定绑定一个delInd（）事件；先在页面把选中的那一行，remove或者html（“ ”）掉，$（"#indicator_table"）.find（"input[type="checkbox"]:checked"）.each（fun...

js实现一个可以兼容PC端和移动端的div拖动效果实例

2017-02-06 25
前段时间写了一个简单的div拖动效果，不料昨天项目上正好需要一个相差不多的需求，就正好用上了，但是在移动端的时候却碰到了问题，拖动时候用到的三个事件：mousedown、mousemove、mouseup在移动端都不起任何作用。毕竟移动端是没有鼠标的，查资料后发现，在移动端与之相对应的分别是：touchstart、touchmove、touchend事件。还有一点要注意的是在PC端获取当前鼠标的坐标是：event.clientX和event.clientY...

JS判断是否手机或pad访问实现方法

2017-02-06 22
JS判断是否手机或pad访问实现方法 S判断是否手机或pad访问 方面的内容，对于利用JS判断是否手机或pad访问 感兴趣的同学可以看下，直接上代码： <script type="text/javascript">/** 智能机浏览器版本信息:**/var browser={versions:function（）{var u = navigator.userAgent, app = navigator.appVersion;return {//...

微信小程序之仿微信漂流瓶实例

2017-02-06 21
周末找事做做.看到微信里有个漂流瓶.试着敲了敲.这里是用leancloud做后台.涉及到语音和文字的储存,查询.自己不会写后台代码,对于我算是个福利.欢迎交流！下面带图说模块:1.主页面三个button.不多说了.别吐槽这画风.哈哈哈.2.编辑漂流瓶内容内容可以是语音,也可以是文字.随意切换.这里是语音的.录音完成后直接扔出去.3.捡一个漂流瓶有两种情况.一是没有捡到.就是一个海星;二是捡到了.语音或者是文字.1.海星2.捡到了漂流瓶2.1 获取到文字.弹...

详解自动生成博客目录案例

2017-02-06 28
前面的话有朋友在博客下面留言，询问博客目录是如何生成的。接下来就详细介绍实现过程操作说明关于博客目录自动生成，已经封装成catalog.js文件，只要引用该文件即可 //默认地，为页面上所有的h3标签生成目录 <script src="http://files.cnblogs.com/files/xiaohuochai/catalog.js"></script> //或者，为页面上所有class="test"的标签生成目录 <...

Canvas 制作动态进度加载水球详解及实例代码

2017-02-06 36
Canvas 动态进度加载水球前言之前看到一些球型的动态加载的效果，一直想自己动手做一个，正好这段时间重温了一个Canvas，所以就尝试了一下。实现思路关于水波的实现，使用了sin（）函数，通过每一帧不断的移动sin（）函数曲线，实现水波动态效果。然后，通过绘制圆形路径，进行clip（），实现球型效果。sin（）函数相关这里说一下sin（）函数的相关基础，对于绘制水波的影响。看一下图，回顾一下中学sin（）函数的基础。从图中可以看出，当函数为sin（x）时...

javascript动画之磁性吸附效果篇

2017-02-06 30
前面的话上一篇，我们介绍了javascript动画之模拟拖拽效果篇。但在实际应用中，常常需要为拖拽的元素限定范围。而通过限定范围，再增加一些辅助的措施，就可以实现磁性吸附的效果范围限定 如果我们限定元素只可以在可视范围内移动，那么就需要对其进行范围限定 首先，先要搞清楚是可视区域限定被拖拽元素 左侧范围L0 = 0 右侧范围R0 = document.documentElement.clientWidth 上侧范围T0 = 0 下侧范围B0 =...

JS实战篇之收缩菜单表单布局

2017-02-06 20
获取节点的两种方式： 1、通过event对象的srcElement属性； 2、通过事件源对象用this传入。代码如下：<html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>收缩菜单 · 表单布局</title><script type="text/javascript">...

JS 循环li添加点击事件 （闭包的应用）

2017-02-06 17
废话不多说了，直接给大家贴代码了，具体代码如下所述： var aLi = document.querySelectorAll（".article-tab li"）; for （var i = 0; i <= aLi.length; i++） {（function（）{ var p = i aLi[i].onclick = function（） {alert（p）; }}）（）; }以上所述是小编给大家介绍的JS 循环li添加点击事件 （闭包的应用），...

jQuery Ajax请求后台数据并在前台接收

2017-02-06 18
1、前台使用jQuery ajax请求$.ajax（{url: "r_getRolePer.action",dataType:"json", data: {userId:"1"}, //请求的附加参数，用json对象method:"POST",success: function（data）{$.messager.alert（"消息",data.add,""）;//这里使用的时easyui的格式},}）;2、在action里面使用response.getWr...

BootStrap中<li role=

2017-02-06 19
最近在学习bootstrap3.3.5，遇到一个问题搞不清楚<li role="presentation">到底什么含义？网上到处查国内资料很少，没有表达最贴切含义，在GitHub 查到了相关资料结合“图灵计算机词汇”在图灵计算机词汇里也可以查询其含义：presentation n. 【Web】表现层；[计] 简报，列表单；【通用软件】演示（来源：图灵计算机词汇表）；n. 赠与，赠送，描述，简述，介绍，陈述，表达；[医] 先露，表象（心理）；[...

基于JavaScript实现随机颜色输入框

2017-02-06 20
废话不多说了额，具体代码如下所示： <！DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style>table{width:500px;height:400px;}table td{width:100px;height:50px;}</style><script>windo...

JS产生随机数的用法小结

2017-02-06 17
代码如下所述：<script>function GetRandomNum（Min,Max）{var Range = Max - Min;var Rand = Math.random（）;return（Min + Math.round（Rand * Range））;}var num = GetRandomNum（1,10）;alert（num）;</script>var chars = ["0","1","2","3","4","5"...

JQuery.validationEngine表单验证插件（推荐）

2017-02-06 21
一、说明jQuery.validationEngine表单验证控件功能强大，自带了样式显示模式：1.字符类型：非空验证、最大长度、最小长度、相等判断、数字和空格、数字和英文字母2.数字类型：数字、整数、最大值、最小值3.日期类型：日期（yyyy-MM-dd/ yyyy/MM/dd等）、日期+时间、最小日期、最大日期、日期时间段4.业务字段：url、email、phone、ipv4；ciaoca版扩展支持：qq、邮政编码、身份证、汉字。5.Ajax后台验证：...
<< 51 52 53 54 55 56 57 58 59 60 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图