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

Mootools 1.2 手风琴（Accordion）教程

2017年02月06日 28 阅读

创建和配置一个基本的手风琴很简单，但是你一定要认真看完全文，因为更多的高级选项可能有一些复杂。基础知识创建一个新的手风琴要创建一个新的手风琴，你需要选择一些成对的元素——包含标题和内容。因此，首先，需要给每一个标题和每一个内容块分别指定一个css类名：参考代码：复制代码代码如下: <h3 class="togglers">Toggle 1</h3> <p class="elements">Here is th...

Mootools 1.2教程类（一）

2017年02月06日 27 阅读

简单地讲，一个类就是一个容器，这个容器包含了一些变量集合和操作这些变量的函数，以便实现特定的功能。在一个内容牵涉较多的项目中，类会显得难以置信的有用。变量在前面一系列的课程中，我们已经学习过了Hash对象中键值对（key/value pair）的使用方式，因此，下面的这个例子中创建了一个类，它只包含了一些变量，你看起来可能会觉得非常的熟悉：参考代码：复制代码代码如下: // 创建一个名为class_one的类 // 包含两个内部变量 var Cl...

Mootools 1.2教程 Tooltips

2017年02月06日 28 阅读

我们还将仔细学习一下工具提示的选项和事件，还有一些用来从元素上添加和移除工具提示的工具。最后，我们将学习一下怎么让一个页面有多个不同样式的工具提示。基础知识创建一个新的工具提示创建一个新的工具提示非常简单。首先，我们来创建一个要添加工具提示的链接：参考代码：复制代码代码如下: <a class="tooltipA" title="1st Tooltip Title" rel="here is the default "text" of 1...

Mootools 1.2教程选项卡效果（Tabs）

2017年02月06日 27 阅读

简单的“额外信息”标签（TAB）鼠标移上去显示内容的TAB 在这第一个项目中，我们要创建一个简单的菜单，当鼠标移动到这些菜单上时显示相应的内容。首先，我们来完成HTML代码——我们就用包含四个列表项的ul好了，然后再创建四个div（每一个div对应一个列表项）：参考代码：复制代码代码如下: // 这里是我们的菜单 <ul id="tabs"> <li id="one">One</li> <li id="tw...

Mootools 1.2教程（21）——类（二）

2017年02月06日 26 阅读

Fdream注：原文好像少了一部分，因此我自作主张地补充了下面这一段及BaseClass的代码。在今天的教程中，我们将主要学习一下MooTools中类的实现和继承（扩展）。通过实现和继承，我们可以在子类中使用父类的方法，而不需要再重新声明和实现相同的方法。MooTools中的Class类可以帮助我们轻松地做到这一点。首先，我们定一个基类（base class）。参考代码：复制代码代码如下: var BaseClass = new Class（{ /...

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

2017年02月06日 26 阅读

这在你给多个元素添加有相同选项的形变动画时非常有用。就像我们在第20讲中看到的最后一个例子一样。基本用法使用Fx.Elements的方法看起来和Fx.Morph差不多。这两者之间的区别在于.start（{}）方法和.set（{}）方法。为了保证事情简洁，让我们首先建立一个元素数组，以用来传递给Fx.Elements。参考代码： [复制代码] [保存代码] var fxElementsArray = $$（".myElementClass"）; 现在...

Mootools 1.2教程滑动效果（Slide）

2017年02月06日 26 阅读

基本用法就像我们前面看过的所有类一样，我们在把这个类应用到一个元素上面时，我们要做的第一件事就是初始化一个新的Fx.Slide实例。首先，让我们为滑动元素建立一个HTML文件。参考代码：复制代码代码如下: <div id="slide_element" class="slide">这里是要滑动显示的内容。</div> 我们的CSS也不需要任何修饰。参考代码：复制代码代码如下: .slide { margin: 20...

不安全的常用的js写法

2017年02月06日 28 阅读

复制代码代码如下:document.write（"<scr"+"ipt src="http://a.com/b.js" type="text/javascript"></scr"+"ipt>"）; 直到被杀毒软件提示有恶意代码才发现这也是不安全的，汗…… 那就只好改成这样了：复制代码代码如下:（function（） { var s = document.createElement（"script"）; s.type = "te...

javascript 检测浏览器类型和版本的代码

2017年02月06日 27 阅读

检测浏览器及其版本的代码复制代码代码如下: getBrowser : function（）{ var browser = { msie: false, firefox: false, opera: false, safari: false, chrome: false, netscape: false, appname: "unknown", version: 0 }, userAgent = window.navigator.userAgent.to...

在IE下获取object（ActiveX）的Param的代码

2017年02月06日 26 阅读

为了清晰起见，下面用最简单的HTML和JavaScript来说明。有这么一段HTML（head部分是标准的head，doctype使用xhtml-transitional的DTD）：复制代码代码如下:<body> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockw...

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

2017年02月06日 28 阅读

ExtJS是一套完整的RIA解决方案，也因为功能完整造成了ext-all.js有400多k,由于是基于JS和CSS的功能实现，对客户端机器性能也有一定的要求，即不支持IE6以下的版本。如果您的项目对网页响应时间有严格的限制，或者客户端操作系统过于陈旧，一定不要选择ExtJS。本文主要是介绍ExtJS的下载和配置以及一些简单的使用方法。目前最新版本为3.0，但是本文主要介绍2.2版本。一、ExtJS下载以及配置 1、下载地址：www.extjs.com/...

javascript 弹出层居中效果的制作

2017年02月06日 27 阅读

问题:做一个带拖动的弹出层效果（像提示框那种）先写了一半,明天继续奋斗: javascript 弹出层居中效果的制作 * { padding:0; margin:0; list-style:none; } body { font-family:Verdana, Geneva, sans-serif; font-size:14px; } #a { width:300px; height:80px; border:5px solid #d3d3d...

javascript 缓冲效果实现代码推荐

2017年02月06日 26 阅读

菜鸟版代码如下: 理解这段代码就基本上掌握了复制代码代码如下:function f_s（） { var obj = document.getElementById（"top"）; obj.style.display = "block"; obj.style.height = "1px"; var sw = function （） { var s_width = parseInt（obj.style.height）; if （s_width < 3...

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

2017年02月06日 28 阅读

第一种：逐个字符串相加复制代码代码如下: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>" + list + "</ul>"; 这种最常见的，但是效率最低！代码逻辑相...

JavaScript 浮动定位提示效果实现代码第1/2页

2017年02月06日 25 阅读

这个效果本身难度不大，主要在程序结构和扩展中下了些功夫，务求用起来更方便，能用在更多的地方。程序特点 1，同一个提示框用在多个触发元素时，只需一个实例； 2，显示和隐藏分别有点击方式和触发方式选择； 3，能设置延时显示和隐藏； 4，有25种预设定位位置； 5，可在预设定位基础上，再自定义定位； 6，可设置自适应窗口定位；程序说明【Tip对象】 Tip对象就是用来显示提示信息的容器，程序用Tip属性表示。这个没什么要求，程序初始化时会对它进行一些设置。 ...

javascript 遮照层效果

2017年02月06日 24 阅读

想了想,还是发出来吧.虽然面向对象还不是很明白. * { padding:0; margin:0; list-style:none; } html{ height:100%;} body { font-family:Verdana, Geneva, sans-serif; font-size:14px;height:100%; line-height:26px; } #wrap { width:960px; margin:0 auto; hei...

Javascript createElement和innerHTML增加页面元素的性能对比

2017年02月06日 25 阅读

最近遇到js的效率问题，是关于在页面中新增元素的问题。假设我们有页面如下：复制代码代码如下: <HTML> <HEAD> </HEAD> <BODY> <div id="div1"></div> </BODY> <script> // 脚本位置 </script> </HTML> 现在，我们要往div1中添加对象，大家都知道在为w...

颜色快速采集器javascript代码

2017年02月06日 25 阅读

把下面代码保存为：color.htm 即可颜色快速采集器 function ChangeColor（form, ColorName） { var ColorValue = " "; if （ColorName == "aliceblue"） ColorValue = "#F0F8FF"; if （ColorName == "antiquewhite"） ColorValue = "#FAEBD7"; if （ColorName == "...

var与Javascript变量隐式声明

2017年02月06日 28 阅读

var x = "XX"; y ="xxx"; 诸如此类。这有一个问题，比如说在代码中的某一行，我想使用的一个已声明的变量x，结果由于打字或者拼写错误，这个变量被写成y了，结果相当于“隐式”声明了一个变量y，在实际编程过程中，这种错误有时比较难以发现。除此之外，今天通过同事介绍，了解到这种“隐式声明”中的别外一个问题。当你在当前上下文内进行这种“隐式”声明时，JavaScript引擎会先在当前上下文中寻找是否之前有声明此变量，如果没有，再到上一级的上下...

类似CSDN图片切换效果脚本

2017年02月06日 27 阅读

复制代码代码如下:/*---------------------------------------------------------------------------* | Subject: Rotate AD | NameSpace: System.Web.UI.WebControls.MzRotateImage | Author: meizz | Created: 2006-11-11 | Version: 2006-12-06 |------...

首页 / 脚本样式 / JavaScript

Mootools 1.2 手风琴（Accordion）教程

Mootools 1.2教程 类（一）

Mootools 1.2教程 Tooltips

Mootools 1.2教程 选项卡效果（Tabs）

Mootools 1.2教程（21）——类（二）

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

Mootools 1.2教程 滑动效果（Slide）

不安全的常用的js写法

javascript 检测浏览器类型和版本的代码

在IE下获取object（ActiveX）的Param的代码

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

javascript 弹出层居中效果的制作

javascript 缓冲效果实现代码 推荐

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

JavaScript 浮动定位提示效果实现代码第1/2页

javascript 遮照层效果

Javascript createElement和innerHTML增加页面元素的性能对比

颜色快速采集器javascript代码

var与Javascript变量隐式声明

类似CSDN图片切换效果脚本

Mootools 1.2教程类（一）

Mootools 1.2教程选项卡效果（Tabs）

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

Mootools 1.2教程滑动效果（Slide）

javascript 缓冲效果实现代码推荐