JavaScript技术

JavaScript技术

Mootools 1.2教程 选项卡效果(Tabs)

阅读(23) 作者(admin)

简单的“额外信息”标签(TAB) 鼠标移上去显示内容的TAB 在这第一个项目中,我们要创建一个简单的菜单,当鼠标移动到这些菜单上时显示相应的内容。首先,我们来完成HTML代码――我们就用包含四个列表项的ul好了,然后再创建四个...

JavaScript技术

Mootools 1.2教程 Tooltips

阅读(14) 作者(admin)

我们还将仔细学习一下工具提示的选项和事件,还有一些用来从元素上添加和移除工具提示的工具。最后,我们将学习一下怎么让一个页面有多个不同样式的工具提示。 基础知识 创建一个新的工具提示 创建一个新的工具提示非常...

JavaScript技术

Mootools 1.2教程 同时进行多个形变动画

阅读(23) 作者(admin)

这在你给多个元素添加有相同选项的形变动画时非常有用。就像我们在第20讲中看到的最后一个例子一样。 基本用法 使用Fx.Elements的方法看起来和Fx.Morph差不多。这两者之间的区别在于.start({})方法和.set({})方法。...

JavaScript技术

Mootools 1.2教程(21)――类(二)

阅读(14) 作者(admin)

Fdream注:原文好像少了一部分,因此我自作主张地补充了下面这一段及BaseClass的代码。 在今天的教程中,我们将主要学习一下MooTools中类的实现和继承(扩展)。通过实现和继承,我们可以在子类中使用父类的方法,而不需要再重新声...

JavaScript技术

不安全的常用的js写法

阅读(22) 作者(admin)

复制代码 代码如下:document.write('<scr'+'ipt src="http://a.com/b.js" type="text/javascript"></scr'+'ipt>');

直到被杀毒软件提示有恶意代码才发现这也是不安全的,汗……

那就只好改成这样了: 复制代码 代码...

JavaScript技术

Mootools 1.2教程 滑动效果(Slide)

阅读(33) 作者(admin)

基本用法 就像我们前面看过的所有类一样,我们在把这个类应用到一个元素上面时,我们要做的第一件事就是初始化一个新的Fx.Slide实例。 首先,让我们为滑动元素建立一个HTML文件。 参考代码: 复制代码 代码如下: <div id="sl...

JavaScript技术

在IE下获取object(ActiveX)的Param的代码

阅读(27) 作者(admin)

为了清晰起见,下面用最简单的HTML和JavaScript来说明。有这么一段HTML(head部分是标准的head,doctype使用xhtml-transitional的DTD): 复制代码 代码如下:<body> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540...

JavaScript技术

javascript 弹出层居中效果的制作

阅读(22) 作者(admin)

问题:做一个带拖动的弹出层效果(像提示框那种) 先写了一半,明天继续奋斗: javascript 弹出层居中效果的制作 * { padding:0; margin:0; list-style:none; } body { font-family:Verdana, Geneva, sans-serif; f...

ExtJS 配置和表格控件使用第1/2页
JavaScript技术

ExtJS 配置和表格控件使用第1/2页

阅读(22) 作者(admin)

ExtJS是一套完整的RIA解决方案,也因为功能完整造成了ext-all.js有400多k,由于是基于JS和CSS的功能实现,对客户端机器性能也有一定的要求,即不支持IE6以下的版本。如果您的项目对网页响应时间有严格的限制,或者客户端操作...

html数组字符串拼接的最快方法
JavaScript技术

html数组字符串拼接的最快方法

阅读(25) 作者(admin)

第一种:逐个字符串相加 复制代码 代码如下:var arr = ['item 1', 'item 2', 'item 3', ...], list = ''; for (var i = 0, l = arr.length; i < l; i++) { list += '<li>' + arr[i] + ''; } list = '<ul>'...

JavaScript技术

javascript 缓冲效果实现代码 推荐

阅读(27) 作者(admin)

菜鸟版代码如下: 理解这段代码就基本上掌握了 复制代码 代码如下:function f_s() { var obj = document.getElementById("top"); obj.style.display = "block"; obj.style.height = "1px";

var sw = function () {...

JavaScript技术

一个简单的JavaScript 日期计算算法

阅读(25) 作者(admin)

复制代码 代码如下: <script type="text/javascript"> var today=new Date(); //定义当天日期对象 var year = today.getYear(); //获取年份 var month = today.getMonth(); //获取月份 var date = today.getDate();...

JavaScript技术

关于javascript 回调函数中变量作用域的讨论

阅读(19) 作者(admin)

1、背景 Javascript中的回调函数,相信大家都不陌生,最明显的例子是做Ajax请求时,提供的回调函数, 实际上DOM节点的事件处理方法(onclick,ondblclick等)也是回调函数。 在使用DWR的时候,回调函数可以作为第一个或者最后一个参...

JavaScript技术

javascript 函数介绍

阅读(24) 作者(admin)

1. 函数的定义和调用 在JavaScript中,定义函数最常用的方法就是调用function语句。该语句是由function关键字构成的,它后面紧跟的是: &Oslash; 函数名 &Oslash; 一个用括号的参数列表,参数是可选的,参数是用逗号分隔开 &Os...

JavaScript技术

javascript 基础简介 适合新手学习

阅读(22) 作者(admin)

1. 关于JavaScript简单介绍 &Oslash; 在网络或书籍所说的JavaScript大部分指客户端JavaScript。 &Oslash; JavaScript是一种轻量型、解释型、面向对象的编程语言。 &Oslash; JavaScript特性 1) 控制文档的外观和内容...

JavaScript技术

一个简单的javascript类定义例子

阅读(27) 作者(admin)

复制代码 代码如下: <script> //定义一个javascript类 function JsClass(privateParam/* */,publicParam){//构造函数 var priMember = privateParam; //私有变量 this.pubMember = publicParam; //公共变量 //定义私...

JavaScript技术

javascript类继承机制的原理分析

阅读(22) 作者(admin)

目前 javascript的实现继承方式并不是通过“extend”关键字来实现的,而是通过 constructor function和prototype属性来实现继承。首先我们创建一个animal 类

js 代码 复制代码 代码如下: var animal = function (){...

JavaScript技术

javascript 类定义的4种方法

阅读(33) 作者(admin)

复制代码 代码如下: /* 工厂方式--- 创建并返回特定类型的对象的 工厂函数 ( factory function ) */ function createCar(color,doors,mpg){ var tempCar = new Object; tempCar.color = color; tempCar.doors = doors;...

JavaScript技术

JS 参数传递的实际应用代码分析

阅读(29) 作者(admin)

原因很简单,在DOM中没有id为msg_box的div标签,该怎么解决这个问题呢?方案: 在所有页面公用的头部文件header.tpl.html中写入: 复制代码 代码如下: <script> function changMenu(index){ if(typeof getElementById("msg_bo...

JavaScript技术

用JS写的简单的计算器实现代码

阅读(16) 作者(admin)

1.本页效果图片 2.美化后的效果 #main{ width:100%; height:100%; } #inputs{ position:relative; top:50%; left:50%; } .inbutton{ width:30px; } .outbutton{ width:145px; text-align:right; } .tcente...

JavaScript技术

prototype与jquery下Ajax实现的差别

阅读(20) 作者(admin)

先列举一下Ajax在Jquery和prototype中的实现。 Jquery: 复制代码 代码如下: <script language="javascript"> $(function(){ var box = {}; var remoteUrl = 'index.php'; box.interval = 5*60*1000;//5分钟 box.showB...

JavaScript技术

javascript 数组操作实用技巧

阅读(25) 作者(admin)

1、concat方法 [作用] 将多个数组联合起来,这个方法不会改变现存的数组,它只返回了所结合数组的一份拷贝。 [语法] arrayObj.concat(array1,array2,...) [实例] [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 2、...