Welcome 微信登录
编程资源 图片资源库 蚂蚁家优选

首页 / 脚本样式 / JavaScript

JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)

JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)

购物车点击可以减少或者添加商品并自动计算价格:购物车中可能有这样的功能,那就是点击按钮可以实现商品数量的减少或者增加,并且能够实时的计算出总的商品价格,下面就通过代码实例介绍一下如何实现此功能,当然下面的这个模拟实现的购物车难登大雅之堂,但是可以从中得到一些启发或者相关的知识点,代码如下:复制代码 代码如下:<!DOCTYPE html><html><head><meta charset="utf-8">&l...
JS判断客服QQ号在线还是离线状态的方法

JS判断客服QQ号在线还是离线状态的方法

本文实例讲述了JS判断客服QQ号在线还是离线状态的方法。分享给大家供大家参考。具体分析如下:不知道从什么时候开始,原来QQ官方自带的在线离线状态的代码已经不能准确显示在线或离线状态了,现在自己用JS判断QQ在线离线状态值,根据状态值输出在线图片还是离线图片。 复制代码 代码如下:<script src="JS/jquery-1.5.1.min.js"></script><div class="kfli" onclick="op...
NodeJS学习笔记之(Url,QueryString,Path)模块

NodeJS学习笔记之(Url,QueryString,Path)模块

一,开篇分析这篇文章把这三个模块拿来一起说,原因是它们各自的篇幅都不是很长,其次是它们之间存在着依赖关系,所以依次介绍并且实例分析。废话不多说了,请看下面文档:(1),"Url模块" 来个小栗子: 复制代码 代码如下:var url = require("url");var queryUrl = "http://localhost:8888/bb?name=bigbear&memo=helloworld" ;console.log(typeof...
仿JQuery输写高效JSLite代码的一些技巧

仿JQuery输写高效JSLite代码的一些技巧

讨论jQuery和javascript性能的文章并不罕见。然而,我计划根据他人对jQuery总结的一些速度方面的技巧和一些建议,来教你提升你的JSLite和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。首先,在脑子里牢牢记住JSLite就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。首先,如果你是一个javascript新手,没有用过jQuery我建议您阅读最好先阅读官方文档的语法...
NodeJS学习笔记之MongoDB模块

NodeJS学习笔记之MongoDB模块

一,开篇分析这篇属于扩展知识篇,因为在下面的文章中会用到数据库操作,所以今天就来说说它(Mongodb模块)。(1),简介MongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。MongoDB是一个高性能,开源,无模式的文档型数据库,是当前NoSql数据库中比较热门的一种。MongoDB是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。他支持的数据结构...
使用javascript实现雪花飘落的效果

使用javascript实现雪花飘落的效果

看了javascript网页特效实例大全中的图片飘下的效果实例,觉得值得动手学习下。就把图片改成雪花图,完成一个雪花飘下的效果。并且,其中有些内容比较陈旧了,那么就学者改掉吧。包括:1.对left和top的操作仅支持IE浏览器,这咋行,必须得支持chrome。2.控制图片下落的过程还要去检索element,不好吧,那就改成数组维持,直接操作数组中维持的对象,启不更快。3.向文档中添加元素直接改成通过JS代码创建元素对象的方式。实现思路:1.初始化生成10个...
scrollWidth,clientWidth,offsetWidth的区别

scrollWidth,clientWidth,offsetWidth的区别

通过一个demo测试这三个属性的差别。说明:scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大。 clientWidth:对象内容的可视区的宽度,不包滚动条等边线,会随对象显示大小的变化而改变。 offsetWidth:对象整体的实际宽度,包滚动条等边线,会随对象显示大小的变化而改变。该demo就在页面中放一个textarea元素,采用默认宽高显示。情况1:元素内无内容或者内容不超过可视区,滚动不出现或不可用的情况...
JQuery控制div外点击隐藏而div内点击不会隐藏的方法

JQuery控制div外点击隐藏而div内点击不会隐藏的方法

本文实例讲述了JQuery控制div外点击隐藏而div内点击不会隐藏的方法。分享给大家供大家参考。具体如下:比如有个div其id为body,实现在div外点击隐藏,div内点击不隐藏,采用jQuery实现如下:复制代码 代码如下:$("#body").click(function(e) { $(this).show(); e.stopPropagation(); }); $(document).click(function(event) { $("...
javascript实现时间格式输出FormatDate函数

javascript实现时间格式输出FormatDate函数

本文实例讲述了javascript实现时间格式输出FormatDate函数。分享给大家供大家参考。具体如下:javascript没有提供像fmt标签一样对日期时间型内容格式输入的函数:下面是我下的时间输出函数,使用时直接放到标签内,调用。代码如下复制代码 代码如下:Date.prototype.Format = function(fmt) { //author: meizz if (this == "Invalid Date") { return ""...
jQuery入门介绍之基础知识

jQuery入门介绍之基础知识

JavaScript 库作用及对比为了简化JavaScript 的开发, 一些 JavsScript 库诞生了. JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互的Web2.0 特性的富客户端页面, 并且兼容各大浏览器当前流行的JavaScript 库有:jQuery 简介jQuery 是继 Prototype 之后又一个优秀的 JavaScript 库jQuery 理念: 写得少, 做得多. 优势如下:轻量级强大的选...
jQuery过滤选择器详解

jQuery过滤选择器详解

过滤选择器过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM元素,该选择器都以“:”开头按照不同的过滤规则,过滤选择器可以分为基本过滤,内容过滤,可见性过滤,属性过滤,子元素过滤和表单对象属性过滤选择器.基本过滤选择器基本过滤选择器示例改变第一个 div元素的背景色为 # bbffaa改变最后一个 div元素的背景色为 # bbffaa改变class不为 one的所有 div元素的背景色为 # bbffaa改变索引值为偶数的 div元素的背景色为 #...
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总

JavaScript常用的返回,自动跳转,刷新,关闭语句汇总

本文实例讲述了JavaScript常用的返回,自动跳转,刷新,关闭语句。分享给大家供大家参考。具体如下:1. Javascript 返回上一页:复制代码 代码如下:history.go(-1)返回两个页面: 复制代码 代码如下:history.go(-2) 2. 后退:复制代码 代码如下:history.back()3. 返回下一页:复制代码 代码如下:window.history.forward()4. 返回第几页,也可以使用访问过的URL:复制代码 ...
jQuery 中DOM 操作详解

jQuery 中DOM 操作详解

jQuery 中的 DOM 操作DOM(Document Object Model—文档对象模型):一种与浏览器,平台, 语言无关的接口,使用该接口可以轻松地访问页面中所有的标准组件DOM 操作的分类:DOM Core: DOM Core 并不专属于 JavaScript, 任何一种支持 DOM的程序设计语言都可以使用它. 它的用途并非仅限于处理网页,也可以用来处理任何一种是用标记语言编写出来的文档, 例如: XMLHTML DOM: 使用 JavaScr...
JavaScript 学习笔记之基础中的基础

JavaScript 学习笔记之基础中的基础

概要:javascript的组成、 各个组成部分的作用 、一、javascript的组成javascript ECMAScript(核心)DOM(文档对象模型)BOM(浏览器对象模型)1.1ECMAScript ECMAScript是通过ECMA-262标准化的脚本语言,ECMA-262规定语言的:语法、类型、语句、关键字、保留字、操作符、对象1.2 DOM DOM把整个页面映射为一个多层节点结构,HTML或者XML等页面中的每个组成部分都是某种类型的...
Node.js开源应用框架HapiJS介绍

Node.js开源应用框架HapiJS介绍

一、HapiJS介绍HapiJS是一个开源的、基于Node.js的应用框架,它适用于构建应用程序和服务,其设计目标是让开发者把精力集中于开发可重用的应用程序的业务逻辑,向开发者提供构建应用程序业务逻辑所需的基础设施。HapiJS目前的最新版本为7.2.0版。二、HapiJS安装和项目配置1、安装Hapi库HapiJS的安装很简单,执行如下命令:复制代码 代码如下:$ sudo npm install hapi -ghapi@7.2.0 /usr/local...
<< 2381 2382 2383 2384 2385 2386 2387 2388 2389 2390 >>