jquery tools之tabs 选项卡/页签

2016年07月27日 11 阅读

虽然方便好用，但是个人觉得其在UI方面的表现不是太出彩，今天无意中看到jquery tools--一种基于jquery的UI表现框架，其UI功能展示风格类似（或模仿）flex。该框架提供了tabs（选项卡/页签）overlay（覆盖层）,tooltip（提示框）,scrollable（滚动信息栏）,expose（突出显示）,flahembed（视频播放嵌入）六大类功能（其官方网站自称为六大工具），这六大类功能又是每个功能都有自己的独立支持包，不相互干扰，用...

jquery tools之tooltip

2016年07月27日 8 阅读

如tabs的学习，首先给出操作的html目标代码： 复制代码 代码如下: <form id="myform"> <h3> Registration Form</h3> <！-- username --> <label for="username">Username</label> <input id="username" /> <div class="tooltip"...

JavaScript 捕获窗口关闭事件

2016年07月27日 10 阅读

1.用javascript重新定义 window.onbeforeunload（） 事件 在javascript里定义一个函数即可 function window.onbeforeunload（） { alert（"关闭窗口"）} alert（）事件将会在关闭窗口前执行，你也可以用户决定是否关闭窗口 function window.onbeforeunload（） { if （event.clientX>document.body.clientWid...

xml 封装与解析（javascript和C#中）

2016年07月27日 7 阅读

1.xml的解析（javascript中）： 具体代码如下,解析的结果root为Dom树。 复制代码 代码如下: if （window.ActiveXObject）{ var doc=new ActiveXObject（"Microsoft.XMLDOM"）; doc.async="false"; doc.loadXML（strXml）; }else{ var parser=new DOMParser（）; var doc=parser.parseFrom...

浅析Javascript原型继承 推荐第1/2页

2016年07月27日 8 阅读

JS没有提供所谓的类继承，据说在2.0中要加入这种继承方式，但是要所有浏览器都实现2.0的特性那肯定又得N多年。昨天看了crockford 的一个视频，里面讲解了一下JS的继承方式，按照PPT里面说的，一共分了三类：Prototypal，pseudoclassical，Parasitic Inheritance。 下面主要介绍一下原型继承：When a function object is created, it is given a prototype ...

JavaScript 设计模式学习 Singleton

2016年07月27日 7 阅读

复制代码 代码如下: /* Basic Singleton. */ var Singleton = { attribute1: true, attribute2: 10, method1: function（） { }, method2: function（arg） { } }; 单件模式最主要的用途之一就是命名空间： /* GiantCorp namespace. */ var GiantCorp = {}; GiantCorp.Common = { /...

JQuery UI皮肤定制

2016年07月27日 9 阅读

http://jqueryui.com/themeroller/进入此页面便可以定制自己的UI皮肤了 如上图，在网页的左侧的tab栏上单击Gallery选项，便会在下方列出Jquery官方提供的皮肤，点击任意一套皮肤下面的Edit便会跳到Rool Your Own，在你选中的皮肤基础上便可定制出自己想要的皮肤，定制过程是所见即所得，所有用起来很方便，定制完后，点击Rool Your Own下方的Download theme跳到下载页面，在下载页面右侧点击...

实现lightBox时的样式与行为分离减少JS第1/2页

2016年07月27日 9 阅读

[参与测试的浏览器：IE6 / IE7 / IE8 / FF3.5 / OP9.6 / SF4 / Chrome2 ] [操作系统：Windows] 本教程旨在实现lightBox时的样式与行为分离，减少JS在各方面（全屏遮蔽、ie6中遮蔽select、双向居中、高度自适应内容等）的工作。 先上代码： 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "...

JavaScript 设计模式学习 Factory

2016年07月27日 6 阅读

复制代码 代码如下: /* DisplayModule interface. */ var DisplayModule = new Interface（"DisplayModule", ["append", "remove", "clear"]）; /* ListDisplay class. */ //通过接口实现工厂，这是通过List方式显示RSS var ListDisplay = function（id, parent） { // implement...

JQuery 表格操作（交替显示、拖动表格行、选择行等）

2016年07月27日 9 阅读

JQuery 确实很方便，简单的代码，却能实现一些不错的功能。 复制代码 代码如下:<script type="text/javascript"><！-- $（function（）{ //交替显示行 $（"#alternation"）.click（function（）{ $（"tbody > tr:odd", $（"#example"））.toggleClass（"alternation"）; }）; //三色交替显示行 $（"#a...

javascript CSS画图之基础篇

2016年07月27日 7 阅读

一、图显示的样式，即图形的颜色、透明度等；二、算法，即图形的样子，是简单的线、矩形、圆形、扇形、多边形等，javascript和CSS无疑是最佳搭档，所有的矢量图形最基本的元素是1*1px的点，点可以成线、成面，成任意图形。一切矢量图的根本____1*1px的点 如果对CSS有一定的了解，对 clip:rect（top,right,bottom,left）熟悉的话，可以知道，代码剪辑出一个区域，需要注意的是，clip:rect中的四个边的位置是相对于对象的...

JavaScript 获取事件对象的注意点

2016年07月27日 7 阅读

平时我们获取事件对象一般写法如下： 复制代码 代码如下: function getEvent（event） { return event || window.event // IE:window.event } 如果没有参数，也可写成（非IE ：事件对象会自动传递给对应的事件处理函数，且为第一个参数）： 复制代码 代码如下: function getEvent（） { return arguments[0] || window.event // IE:w...

JavaScript Konami Code 实现代码

2016年07月27日 9 阅读

在 Facebook 上有一个彩蛋： 登录 facebook.com ，点击你首页的任何地方，键盘输入 Up, Up, Down, Down, Left, Right, Left, Right, B, A, Enter 后，再点击页面或滚动一下滚动条，你会发现特殊的变化（如下图），嘿嘿 ^^ 玩过“魂斗罗”的朋友，肯定一眼就能看出输入的字符原来就是“魂斗罗”中的“秘技”。其实“秘技”的术语叫 Konami Code，详细见图示：那如何用 JavaScrip...

Google Map API更新实现用户自定义标注坐标

2016年07月27日 9 阅读

演示地址：http://www.yaohaixiao.com/effects/google-map.html复制代码 代码如下:if（typeof GoogleMap === "undefined"）{ var GoogleMap = {}; } （function（）{ if （！document.getElementById（"fgmap"）） { return false; } else { // 是否可创建Google地图控件 var isComp...

JavaScript this 深入理解

2016年07月27日 7 阅读

最近一段时间看了很多JavaScript 的库源码， 如 prototype, Ext core 等。这些库中大量应用到了这一概念。直到昨天翻了一下《JavaScript王者归来》这本书才算对this有一个深刻的理解。 大至归结一下： 1. 函数调用者与所有者 JavaScript 中函数（function） 存在调用者 与 所有者这两个概念，调用者是指调用函数的对象，通常是一个指向调用了当前函数的函数的引用，如果是顶层调用，那么caller=null， ...

javascript EXCEL 操作类代码

2016年07月27日 10 阅读

复制代码 代码如下:ExcelOperation = function（）{ this.oXL = null; this.oWB = null; this.oSheet = null; this.xlsRowCount = 0; //总记录数 this.excelFileName = null; this.currentRow = 2; //当前行 /** * 得到EXCEL表格中的总记录数 */ this.getRowCount = function（）...

window.parent调用父框架时 ie跟火狐不兼容问题

2016年07月27日 7 阅读

原始代码：（在ie中正常，火狐中根本不运行window.parent这一步） 复制代码 代码如下: <script> function oa_tool1（）{ window.parent.mm.rows="20,200,10,*"; } </script> 修改代码：（在ie和火狐当中均正常） 复制代码 代码如下: <script> function oa_tool1（）{ window.parent.document...

关于取不到由location.href提交而来的上级页面地址的解决办法

2016年07月27日 9 阅读

代码如下： 复制代码 代码如下: <script type="text/javascript"> <！-- function gotourl（id）{ if（confirm（"您确定要这么做吗？"））{ lnk = document.getElementById（id）; lnk.click（）; } } // --> </script> 复制代码 代码如下: <a href="javascript:gotour...

JS input 数字验证代码

2016年07月27日 8 阅读

/* **@控制控件只能输入数字,含-（负号）.（小数点） **@Inline HTML: <ELEMENT ... onkeypress="javascript:onlyNumber（）" style="ime-mode:disabled"> For Input **@Event property: object.attachEvent（"onkeypress",onlyNumber）;object.style.imeMode = "disa...

javascript 进度条 实现代码

2016年07月27日 7 阅读

首先：建立两个类，一个是用来与资料进行连接（数据层），另一个是用来关联前一个类与页面的（逻辑层） 新建一个JScsrip.js 文件 代码如下： 复制代码 代码如下: function setPgb（pgbID, pgbValue,pvalues） { if （ pgbValue <= pvalues ） { if （lblObj = document.getElementById（pgbID+"_label"）） { lblObj.innerHTM...