JavaScript资料,JavaScript文章,JavaScript文档-易库教程_www.escdns.com

易网时代-编程资源站

首页 / 脚本样式 / JavaScript

Javascript实现苹果悬浮虚拟按钮

Javascript实现苹果悬浮虚拟按钮

2017年02月06日 10 阅读

Javascript实现苹果悬浮虚拟按钮直接引入代码到页面即可代码有部分冗余的地方,有兴趣的小伙伴可也自己修改如果有什么BUG 记得评论告诉我哦web-touch.jsvar new_element_N=document.createElement（"style"）; new_element_N.innerHTML = "#drager {" +" position: fixed;" +" width: 35px;" +" height: 35px;" ...

javascript原生ajax写法分享

javascript原生ajax写法分享

2017年02月06日 10 阅读

ajax：一种请求数据的方式，不需要刷新整个页面；ajax的技术核心是 XMLHttpRequest 对象；ajax 请求过程：创建 XMLHttpRequest 对象、连接服务器、发送请求、接收响应数据；/** * 得到ajax对象 */function getajaxHttp（） {var xmlHttp;try {//chrome, Firefox, Opera 8.0+, SafarixmlHttp = new XMLHttpRequest（）;}...

javascript冒泡排序小结

javascript冒泡排序小结

2017年02月06日 10 阅读

冒泡排序示例，双向冒泡排序与对双向冒泡排序稍微的改进的可视化效果。代码很简单，不知道有木有未知bug。大神请勿吐槽冒泡排序示例var ls=[ 98,13,6,25,38,36,30,44,38,80,61,28,47,34,95,18,85,58,89,85,42,61,74,35,13,14,80,7,10,44,10,47,13,11,52,25,24,48,34,12,88,80,33,8,80,45,64,52,79,77 ]; for（var ...

JavaScript实现图片自动加载的瀑布流效果

JavaScript实现图片自动加载的瀑布流效果

2017年02月06日 11 阅读

先给大家展示下效果图：向下滑动网页的时候能够自动加载图片并显示。盛放图片的盒子模型如下： <div class="box"><div class="box_img"><img src="Img/8.jpg"></div></div> 设置img-width为150px，然后box_img添加内边距和阴影效果，box的外边距为0，添加内边距。盒子的宽度是由img-width和边距撑开的...

JQuery导航菜单选择特效

JQuery导航菜单选择特效

2017年02月06日 11 阅读

一、实现效果1.初始化效果：未添加样式和特效2、添加CSS样式3、最终效果二、JQuery代码<！--编写JQuery代码--><script type="text/javascript">$（document）.ready（function（）{$（".level>a"）.click（function（）{$（this）.addClass（"current"） //给当前元素添加current样式.next（）.show（）...

详解jQuery中的empty、remove和detach

详解jQuery中的empty、remove和detach

2017年02月06日 10 阅读

通过一张对比表来解释几个方法之间的不同三者都有把元素移除的作用，但细微的差别，造就了它们的使命不同。最权威的解释当然是jQuery_API咯，下面是API中关于他三儿的部分截取。一、empty:This method removes not only child （and other descendant） elements, but also any text within the set of matched elements. This is bec...

详解JavaScript的另类写法

详解JavaScript的另类写法

2017年02月06日 10 阅读

JavaScript 是属于网络的脚本语言！JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。JavaScript 是因特网上最流行的脚本语言。JavaScript 很容易使用！你一定会喜欢它的！JavaScript一种解释型的脚本语言，语法灵活，让不同的人对同一个功能有很多种不同的写法。怎样组织JavaScript代码才能让别人一眼看出你不简单呢？是否很期待别人在看完你的代码之后感叹一句“原来还...

javascript HTML5 Canvas实现圆盘抽奖功能

javascript HTML5 Canvas实现圆盘抽奖功能

2017年02月06日 11 阅读

我们经常参加各种电商优惠活动，比如购买达到一定数额进行抽奖活动，在比如微信抽奖，淘宝抽奖，迅雷赚钱宝圆盘抽奖活动等。这些抽奖活动部分就是由HTML5的Canvas来制作的，今天就为大家分享一下如何使用HTML5的Canvas来制作圆盘抽奖功能。老规矩，先看下效果图吧：再来看看Canvas的几个主要api：全部源代码如下：<！DOCTYPE html><html lang="zh-cn"><head><meta ch...

js创建jsonArray传输至后台及后台全面解析

js创建jsonArray传输至后台及后台全面解析

2017年02月06日 11 阅读

之前一直没弄清jsonArray和jsonObject的区别，今天终于弄明白了。jsonArray是数组，以[ ]包含数据，jsonObject是对象，以{ }包含数据。介绍一个在前台组建一个jsonArray的容易方法 var array=[]; for（int i=0;i<10;i++）{var item={};item.a="a"+i;item.b="b"+i;array.push（item）; } Ajax: params:{ data:JS...

对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解

对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解

2017年02月06日 10 阅读

虽然jquery的较新的api已经很好用了，但是在实际工作还是有做二次封装的必要，好处有：1，二次封装后的API更加简洁，更符合个人的使用习惯；2，可以对ajax操作做一些统一处理，比如追加随机数或其它参数。同时在工作中，我们还会发现，有一些ajax请求的数据，对实时性要求不高，即使我们把第一次请求到的这些数据缓存起来，然后当相同请求再次发起时直接拿之前缓存的数据返回也不会对相关功能有影响，通过这种手工的缓存控制，减少了ajax请求，多多少少也能帮助我们...

zTree插件下拉树使用入门教程

zTree插件下拉树使用入门教程

2017年02月06日 10 阅读

最近，因为工作需要一个树形下拉框的组件，经过查资料一般有两种的实现方法。其一，就是使用zTree实现；其二，就是使用easyUI实现。因为公司的前端不是使用easyUI设计的，故这里我选择了zTree来实现下拉树。这里使用简单的数据格式（即简单的Json格式）类似如下Json：var zNodes =[{id:1, pId:0, name:"北京"},{id:2, pId:0, name:"天津"},{id:3, pId:0, name:"上海"},{id...

JS代码防止SQL注入的方法（超简单）

JS代码防止SQL注入的方法（超简单）

2017年02月06日 10 阅读

下面通过两个方面给大家介绍js代码防止sql注入的方法，非常简单实用，感兴趣的朋友参考下吧！1.URL地址防注入：//过滤URL非法SQL字符var sUrl=location.search.toLowerCase（）;var sQuery=sUrl.substring（sUrl.indexOf（"="）+1）;re=/select|update|delete|truncate|join|union|exec|insert|drop|count|"|"|;...

Angular.js与Bootstrap相结合实现表格分页代码

Angular.js与Bootstrap相结合实现表格分页代码

2017年02月06日 10 阅读

先给大家简单介绍angular.js和bootstrap基本概念。AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。AngularJS 通过指令扩展了 HTML，且通过表达式绑定数据到 HTML。Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。最...

jquery中实现时间戳与日期相互转换

jquery中实现时间戳与日期相互转换

2017年02月06日 10 阅读

直接看代码：提醒：不要忘记了引用jquery的类库（function（$） {$.extend（{myTime: {/** * 当前时间戳 * @return <int>unix时间戳（秒）*/CurTime: function（）{return Date.parse（new Date（））/1000;},/*** 日期转换为 Unix时间戳 * @param <string> 2014-01-01 20:20:20 日期格式* ...

CascadeView级联组件实现思路详解（分离思想和单链表）

CascadeView级联组件实现思路详解（分离思想和单链表）

2017年02月06日 10 阅读

本文介绍自己最近做省市级联的类似的级联功能的实现思路，为了尽可能地做到职责分离跟表现与行为分离，这个功能拆分成了2个组件并用到了单链表来实现关键的级联逻辑，下一段有演示效果的gif图。虽然这是个很常见的功能，但是本文的实现逻辑清晰，代码好理解，脱离了省市级联这样的语义，考虑了表现与行为的分离，希望本文的内容能够为你的工作带来一些参考的价值，欢迎阅读和指正。Cascade 级联操作CascadeType. PERSIST 级联持久化（保存）操作Cas...

原生js实现百叶窗效果及原理介绍

原生js实现百叶窗效果及原理介绍

2017年02月06日 10 阅读

百叶窗大家都见过吧！如图:原理:如图所示，空心格子就好比是每个li，给它设定相对定位属性，设置overflow:hidden；黑块为li子元素，高度为li的2倍，设置absolute属性，我们正是要改变它的top值从而获得变化！（右上角多余块与本图无关）布局分析：注意top值得变化！默认top=0时候，显示的“一楼上铺”，当top=-40px时候，li的子元素上移40px，这时候显示的内容就为“一楼下铺”注意p元素的包裹层divJS分析：1、要开多个定时...

DIV随滚动条滚动而滚动的实现代码【推荐】

DIV随滚动条滚动而滚动的实现代码【推荐】

2017年02月06日 10 阅读

记得以前写这样的代码比较麻烦，现在有了JQuery简单多了，就几行代码搞定！<script type="text/javascript" src="Js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $（function（） { $（window）.scroll（function（） { var top = $（window）.scrollT...

NodeJS创建基础应用并应用模板引擎

NodeJS创建基础应用并应用模板引擎

2017年02月06日 11 阅读

本次的目的是搭建一个最基础的可以实现功能的NodeJS服务器，能够体现出NodeJS的工作流程以及开发的基本框架。需求：已经安装了nodejs以及express。一、构建基础的NodeJS服务器（express、路由）var express = require（‘express"）; //引入express模块 var app = express（）; //调用express（）函数，对函数进行初始化 app.get（"/stooges/:name?...

分享两段简单的JS代码防止SQL注入

分享两段简单的JS代码防止SQL注入

2017年02月06日 10 阅读

1.URL地址防注入：//过滤URL非法SQL字符 var sUrl=location.search.toLowerCase（）; var sQuery=sUrl.substring（sUrl.indexOf（"="）+1）; re=/select|update|delete|truncate|join|union|exec|insert|drop|count|"|"|;|>|<|%/i; if（re.test（sQuery）） { alert...

学习使用bootstrap3栅格系统

学习使用bootstrap3栅格系统

2017年02月06日 10 阅读

一、bootstrap开发环境搭建1. 下载bootstrap, http://www.bootcss.com/2. 下载jquery, 通过IE直接访问http://code.jquery.com/jquery-2.0.3.min.js3. 在html页面中导入bootstrap与jquery的js,css文件，.viewport的<meta>标签，这个标签可以修改在大部分的移动设备上面的显示，加如 if lt IE 9...等是为了在ie9...

<< 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图