Welcome

首页 / 脚本样式 / JavaScript

js选项卡的制作方法

2017-02-06 24
本文实例为大家分享了js选项卡的具体代码，供大家参考，具体内容如下<！doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>选项卡</title></head><style>/*复位*/*{padding:0;margin:0;}div#tabs{width:600px;height:...

Javascript Event（事件）的传播与冒泡

2017-02-06 28
特性说明和原理图：标准浏览器和Ie9+浏览器都支持事件的冒泡和捕获，而IE8-浏览器只支持冒泡标准和Ie9+浏览器用stopPropagation（）或cancelBubble阻止事件传播，而ie8-用e.cancelBubble属性来阻冒泡，注意ie9不支持cancelBubble属性（设置后不生效），但chrome、safari、opera、firefox都支持cancelBubble属性。Ie8-用attachEvent为dom元素添加一个事件，但必...

利用javascript实现的三种图片放大镜效果实例（附源码）

2017-02-06 33
本文实现的是一款简单的放大镜效果，有三种不同的样式，支持移动端；大家可以直接下载源码进行学习参考，下面来一起学习学习吧。实现效果如下效果一效果二效果三调用代码如下//前面是ID或者Class，后面有init里面参数分别有1,2,3代表三种不同的效果： zoom（‘#item"）.init（）; //这里写0，或者不写都可以，默认0 zoom（‘#item"）.init（1）; //效果2 zoom（‘#item"）.init（2）; //效果3//另外还有...

基于MVC方式实现三级联动（JavaScript）

2017-02-06 32
本文实例为大家分享了基于MVC三级联动的具体代码，供大家参考，具体内容如下Html代码：<div class="box"><select class="make"><option>请选择品牌</option></select><select class="model"><option>请选择车型</option></select><select...

原生和jQuery的ajax用法详解

2017-02-06 30
Ajax简介Ajax被认为是（Asynchronous（异步） JavaScript And Xml的缩写）。现在，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax.同步是指：发送方发出数据后，等接收方发回响应以后才发下一个数据包的通讯方式。 异步是指：发送方发出数据后，不等接收方发回响应，接着发送下个数据包的通讯方式 。AJAX的缺陷AJAX大量使用了JavaScript和AJAX引擎，而这个取决于浏览器的支持。IE5.0及以上、Mozil...

jQuery实现的简单悬浮层功能完整实例

2017-02-06 27
本文实例讲述了jQuery实现的简单悬浮层功能。分享给大家供大家参考，具体如下：运行效果图如下：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">...

获取IE浏览器Cookie信息的方法

2017-02-06 36
很多人不知道如何去获取IE浏览器中的Cookie信息，其实获取Cookie的方式很简单，只需要调用InternetGetCookie这个API就可以获得了。InternetGetCookie的声明方式如下：Private Declare Function InternetGetCookie Lib "wininet.dll" Alias "InternetGetCookieA" （ByVal lpszUrlName As String, ByVal lps...

利用JS实现简单的日期选择插件

2017-02-06 27
首先是调用方法如下//调用方法，后面回调函数返回的是当前选择的日期 calender（"#calend"）.init（function（date）{this.innerHTML = date }）;//具体参数说明 //如果需要传入参数，第一个为json，第二个为回调函数 //下面是format格式化显示格式类型，有如下几种： //yyyy为年数//大写M为月数//d为几号//h为小时//小写m为分钟//s为秒数//q为季度//小写e，为数字星期格式//大...

jQuery.cookie.js实现记录最近浏览过的商品功能示例

2017-02-06 30
本文实例讲述了jQuery.cookie.js实现记录最近浏览过的商品功能。分享给大家供大家参考，具体如下：1、jquery.cookie.js/*jquery.cookie.js */jquery.cookie = function（name, value, options） {if （typeof value ！= "undefined"） { // name and value given, set cookieoptions = options |...

在 Angular2 中实现自定义校验指令（确认密码）的方法

2017-02-06 28
我们会在本文中探索 Angular 2 内建的自定义验证。# 介绍Angular 2 原生就支持一些有用的验证器：required: 验证字段必须存在minlength: 验证字段值的最小长度有效maxlength: 验证字段值的最大长度有效pattern: 验证输入的值是否匹配给定的模板，比如 email我们会基于下面的接口创建一个表单来获取用户信息。// user.interface.tsexport interface User { username...

Javascript中构造函数要注意的一些坑

2017-02-06 24
前言最近在家看书：《你不知道的Javascript》，看到构造函数调用时会绑定this，就顺便打开控制台输了一些代码，详细测试了一下。构造函数简单的讲，即定义出来专供new 式调用的函数。如：function A（b） { this.b = b || "bbb";}然后你就可以通过new ，来构建一个 A 的实例：var a = new A（"B"）但是，一个首要的坑是，构造函数与一个普通函数并无不同，如果你故意不使用new，或忘记用new，都会得到奇怪的...

jQuery 全选 全不选 事件绑定的实现代码

2017-02-06 27
废话不多说了，直接给大家贴代码了，具体代码如下所示：<td width="82%" colspan="3"><input type="checkbox" id="all">全选<input type="checkbox" id="reverse">反选</td><td width="82%" colspan="3"><s:checkboxlist name="resUuids" list="...

node.js实现复制文本到剪切板的功能

2017-02-06 44
前言最近在工作中遇到一种需求：我需要请求后端数据，但请求数据前需要登陆，获得一个token。登陆方式是向一个json地址post数据即可。之前我的做法是，用chrome插件postman来实现登陆动作。但后来无意中发现，postman内存占用超高！即使我并没有使用它。这让我很不爽。后来一想，实现这么简单的一个动作，用这么重的插件，对于我这样一个会nodejs的前端程序员是不是太Low了？简直不好意思对人讲自己会nodejs！于是我就花了点时间写了个简单的脚...

canvas绘制的直线动画

2017-02-06 27
话不多说，请看代码：<！DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>first line</title> <style type="text/css"> body{ background: #456E89; } .canvas { height: 300px; width: 300px;margin: 0...

canvas绘制表盘时钟

2017-02-06 38
话不多说，请看代码：<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas绘制表盘</title></head><body> <canvas id="box" width="500" height="500" > 您的浏览器不支持canvas </ca...

JavaScript在form表单中使用button按钮实现submit提交方法

2017-02-06 40
submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了，submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上。在javaScript中关于submit和button的区别介绍在form表单提交中，使用button来间接完成submit的提交更为灵活。下面是实现方法：使用button按钮实现submit提交，需要在button标签中的使用onclick方法，然后在Jav...

基于jQuery插件jqzoom实现的图片放大镜效果示例

2017-02-06 47
本文实例讲述了基于jQuery插件jqzoom实现的图片放大镜效果。分享给大家供大家参考，具体如下：jqzoom插件实现图片放大镜效果。图1.1jqzoom插件实现图片放大镜效果1、引入jqurty和jqzoom插件<script src="/js/common/jquery-1.6.2.js" type="text/javascript"></script><script src="/js/common/jquery.jqz...

Javascript中for循环语句的几种写法总结对比

2017-02-06 36
前言for循环我们在js遍历对象或数组时都会有用到了，今天我们一起来看一些关于for循环的一些使用例子了，具体的操作细节如下文介绍。一般写法如下：for（var i = 0;i< arr.length;i++） { var a = arr[i]; //... }这就是一个常见的，正序循环的for循环。这样写的缺点大家都明白：每次都从arr里取length与i来对比，浪费性能（而且，要是arr的长度是动态变化的，就会出现死循环）。改进这个循环的办法是用...

jQuery弹出层插件popShow用法示例

2017-02-06 32
本文实例讲述了jQuery弹出层插件popShow用法。分享给大家供大家参考，具体如下：popShow弹出层图1.1 弹出层效果1、引入JS和CSS文件<link href="popShow.css" rel="stylesheet" type="text/css" /><script src="/js/common/jquery.min.js" type="text/javascript"></script><s...

JS判断指定dom元素是否在屏幕内的方法实例

2017-02-06 40
前言刷网页的时候，有时会遇到这样一个情景，当某个dom元素滚到可见区域时，它就会展现显示动画，十分有趣。那么这是如何实现的呢？实现原理想要实现这个功能，就要知道具体的实现原理。下面直入主题。我们通过浏览器在浏览一个网页时候是这个样子的，如图所示页面的长宽，以及各dom的坐标都是静止的，动的是显示窗口坐标而已。所以明白了这个，那么判断一个dom元素是否可见时，就十分简单了。我们需要知道三个坐标就可知道当前dom是否在可见区域内，分别是显示窗口的顶部坐标显示窗...
<< 11 12 13 14 15 16 17 18 19 20 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图