JavaScript资料,JavaScript文章,JavaScript文档-易库教程

基于JQuery实现的类似购物商城的购物车

2016年07月27日 5 阅读

商品信息使用JSON数据来模拟同一个产品点击多次，不会重复添加，而是在已有的基础上数量+1，商品数量也可以手动输入，当输入0时，该商品将自动从购物车删除（点击减号到小于1时，也会提示是否从购物车删除商品信息）每个产品的价格和总价都会根据添加和删除的操作来动态计算附下载链接：/201112/yuanma/jquery_gouwuche.rar基本的功能都已经实现，建议使用IE浏览器运行，其他浏览器没有测试 HTML代码：复制代码代码如下: &l...

jQuery load方法用法集锦

2016年07月27日 5 阅读

调用load方法的完整格式是：load（ url, [data], [callback] ）,其中 url：是指要导入文件的地址。 data：可选参数；因为Load不仅仅可以导入静态的html文件，还可以导入动态脚本，例如PHP文件，所以要导入的是动态文件时，我们可以把要传递的参数放在这里。 callback：可选参数；是指调用load方法并得到服务器响应后，再执行的另外一个函数。一：如何使用data 1.加载一个php文件，该php文件不含传递参数 $...

jQuery中需要注意的细节问题小结

2016年07月27日 5 阅读

1. $.find（）与$.children（）的区别有如下HTML片段：复制代码代码如下: <div id="div_four"> <input id="one"/><input id="two"/> <div><input id="three"/></div> </div> 1. find（）返回元素下所有指定元素，不限制子级的深度，如： $（"#div_fo...

javascript 随机展示头像实现代码

2016年07月27日 5 阅读

先看图：很简单的一个效果首先html 复制代码代码如下: <ul> <li><img src="i.jpg" alt="" /></li> <li><img src="i.jpg" alt="" /></li> <li><img src="i.jpg" alt="" /></li> <li><img src="i....

javascript检测浏览器flash版本的实现代码

2016年07月27日 5 阅读

记录：复制代码代码如下: （function（）{ ver has=0, ver=0; try{ has=new ActiveXObject（"ShockwaveFlash.ShockwaveFlash"）; if（has） { ver = +（has.GetVariable（"$version"）.match（/d+/））; } } catch（e）{ has=navigator.plugins["Shockwave Flash"]; if（has）...

js滚动条回到顶部的代码

2016年07月27日 5 阅读

虽然平滑性处理的不好，但非常适合学习复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"...

字符串的replace方法应用浅析

2016年07月27日 6 阅读

这两个参数都是必须的，replace（）方法的参数 replacement 可以是函数而不是字符串。在这种情况下，每个匹配都调用该函数，它返回的字符串将作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数是与模式中的子表达式匹配的字符串，可以有 0 个或多个这样的参数。接下来的参数是一个整数，声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。对于replacement是函数的情况，给我们...

js 幻灯片的实现

2016年07月27日 5 阅读

摒弃其他的效果，最简单的轮播也就只有一条语句： parent.appendChild（parent.firstChild），不断的把列表的一个元素添加到最后一个，appendChild会将节点从原来的位置移除，所以借此可以产生切换效果。一点，IE对文本的文本节点与其他的浏览器不同，在获取子节点的时候需要注意，另外在不同版本的FF中，children这个属性也需要注意。下面的demo没有设置#view的overflow:hidden。 demo_1：复...

浅析Prototype的模板类 Template

2016年07月27日 5 阅读

用过Prototype的人都知道，里面有个类叫做Template，用法示例如下：复制代码代码如下: var str = "#{what} may have gone, but there is a time of #{how}"; var object = { what : "Swallows", how : "return" } var template_1 = new Template（str）; var result = template_1.e...

autoPlay 基于jquery的图片自动播放效果

2016年07月27日 6 阅读

效果图:实现代码:复制代码代码如下: <html> <head> <title>Jquery 自动轮播效果</title> <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script> <style> .spanhide{display: none;} #top a:hover{color: r...

TimergliderJS 一个基于jQuery的时间轴插件

2016年07月27日 5 阅读

Timeglider JS是一个由javascript支持缩放，数据驱动的时间轴组件。非常适合显示项目历史，项目计划及其其它需要显示历史的项目。时间轴可以通过右边拖放垂直滑动器来缩放界面：向上缩小，向下放大。同时也支持使用滚轮来控制缩放。通过鼠标拖东空白处可以左右拖动时间轴，点击事件可以弹出一个小窗口来描述时间内容及其数据。 JS组件有以下几个目标：支持iPads和其它支持触摸的设备非常容易整合到基于HTML/JS应用和界面支持复杂的布局，并且可以...

5个javascript的数字格式化函数分享

2016年07月27日 7 阅读

十进制四舍五入这两段代码帮助你做到四舍五入，对于你显示价格或者订单比较有用：代码1：复制代码代码如下: function CurrencyFormatted（amount） { var i = parseFloat（amount）; if（isNaN（i）） { i = 0.00; } var minus = ""; if（i < 0） { minus = "-"; } i = Math.abs（i）; i = parseInt（（i + ....

基于jquery的代码显示区域自动拉长效果

2016年07月27日 5 阅读

下面是jquery的实现代码：复制代码代码如下: $（document）.ready（function（）{ $（"pre"）.hover（ function（）{ if（$（this）.width（）==520）{ $（this）.animate（{width:"800"},400）; $（this）.css（{border:"1px solid #2B99E6"}）; } }, function（）{ if（$（this）.width（）==800）...

js中document.getElementByid、document.all和document.layers区分介绍

2016年07月27日 6 阅读

document.all是IE 4.0及以上版本的专有属性，是一个表示当前文档的所有对象的娄组，不仅包括页面上可见的实体对象，还包括一些不可见的对象，比如html注释等等。在document.all数组里面，元素不分层次，是按照其在文档中出现的先后顺序，平行地罗列的。所以可以用数字索引来引用到任何一个元素。但比较常用的是用对象id来引用一个特定的对象，比如document.all["element"]这样。 document.layers是Netscape...

扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁

2016年07月27日 5 阅读

解决思路如下：首先，判断事件的当前节点，也就是jquery的currentTarget是否在target的包含中，即下面的扩展$.containsNode。然后，在调用hover的时候的mouseover和mouseout事件里判断currentTarget是否在target的包含中，即$.fn.fhover扩展下面就是相关代码：复制代码代码如下: $.containsNode = function（parentNode, childNode） ...

Javascript类定义语法,私有成员、受保护成员、静态成员等介绍

2016年07月27日 5 阅读

其实通俗的讲类就是对象的模板，为了增强JS的OO特性，受mootoos框架启发我们可以使用一个JSON对象来描述这个对象的模板。在这个模板中我们可以模拟实现私有成员，受保护成员，静态成员。这是一个在JS中模拟的类定义语法，代码中Class是一个自定义函数，它接受两个参数，第一个参数是类名、第二个参数是一个JSON用来一个对象的模板。在这个JSON对象中其中字段 "extend"，,"initialize","static" 为一些预定义关键字，所表示的意...

JQuery循环滚动图片代码

2016年07月27日 5 阅读

复制代码代码如下: function refresh（） { var s = $（".box1"）; if （！s.is（":animated"）） $（".box1"）.animate（{ marginLeft: "0px" }, "slow", function （） { $（".box1 img:first"）.before（$（".box1 img:last"））; $（".box1"）.css（"margin-left", "-206px"）;...

常见JS效果之图片减速度滚动实现代码

2016年07月27日 5 阅读

复制代码代码如下: <！DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>图片减速度滚动（by rentj1@163.com;）</title> <style> ul{ margin:0; padding:0} ul{ list-style:none;} body{font:12px/1.2 "宋体"...

电子商务网站上的常用的js放大镜效果

2016年07月27日 8 阅读

复制代码代码如下: jsFiddleRun again Edit this fiddle Result HTML <！DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>放大镜</title> <style> img{ vertical-align:bottom;} .mod_zoom{ overflo...

JS构建页面的DOM节点结构的实现代码

2016年07月27日 7 阅读

小提示：关于数组的concat和push方法。两者的区别主要有： concat是连接数组，不会修改原数组，返回值为连接后的数组，与push的重要区别是concat会展开数组的第一层子数组 push是添加数组元素。就地修改原数组，返回值为添加的新项，push不会展开传入的数组。复制代码代码如下: var a = [1,2,3,4]; var b = [4,5,6,7]; var c = a.push（b）; var d = a.concat（b）; ...

首页 / 脚本样式 / JavaScript

基于JQuery实现的类似购物商城的购物车

jQuery load方法用法集锦

jQuery中需要注意的细节问题小结

javascript 随机展示头像实现代码

javascript检测浏览器flash版本的实现代码

js滚动条回到顶部的代码

字符串的replace方法应用浅析

js 幻灯片的实现

浅析Prototype的模板类 Template

autoPlay 基于jquery的图片自动播放效果

TimergliderJS 一个基于jQuery的时间轴插件

5个javascript的数字格式化函数分享

基于jquery的代码显示区域自动拉长效果

js中document.getElementByid、document.all和document.layers区分介绍

扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁

Javascript类定义语法,私有成员、受保护成员、静态成员等介绍

JQuery循环滚动图片代码

常见JS效果之图片减速度滚动实现代码

电子商务网站上的常用的js放大镜效果

JS构建页面的DOM节点结构的实现代码