Fdream's Blog
专注于WEB前端开发
Powered by Google
1 2 3 4 5 6 7 8 919

昨天我说瑞星升级最新版后,导致MooTools在IE下报错的问题,仔细看了后,发现不只是报错这么简单。在更多的时候会直接导致IE Crash。不过不只是MooTools有问题,很多用户已经在论坛上反应脚本出错了,比如有这样的:“瑞星升级到2009导致浏览器世界之窗1.4用百度就自动关闭”,不过还有更严重的,比如“更新到2009 本地连接.宽带连接.音量图标都没了”,还有蓝屏一系列问题。不过目前为止还没有官方人员做出相应回答。

貌似这次瑞星是强制升级,问题一下子就凸显出来了,瑞星官方论坛上反映有问题的一堆一堆的,甚至有人非常不满,以致刷屏。

瑞星现在已经非常牛逼,已经牛逼到他的进程你根本没办法干掉,以前听说360安全卫士可以把它干掉,发现瑞星升级后已经干不掉了。就连他的菜单中也没有退出选项,你只能默默地被强奸。

既然被强奸了,那就享受好了,要更舒服点,可以这样子做:

  • 打开“开始”菜单
  • 选择“运行”
  • regsvr32 /u "C:\Program Files\Rising\Rav\RavScrCh.dll(如果你的是套装,那就是下面的这个命令:regsvr32 /u "C:\Program Files\Rising\Ris\RavScrCh.dll)

其实这个组件就是瑞星的网页监控组件,号称是网页监控,就只有IE出了问题,莫非就只能监控IE?

诡异的瑞星啊,12月20号升级了一个版本,导致MooTools的脚本直接报错了。昨天发现的问题,稍微看了一下,还没什么头绪,我的这个电脑上没有装瑞星,暂时没有办法贴出具体出错现象,只是稍微描述一下状况。

初步看了一下,在安装了瑞星12月20号发布的新版本后,发现MooTools里面很多地方经过MooTools封装后的document对象变成了都变成了一个function,这是继之前发现MooTools的Event类封装有问题后发现的一个类似的问题。

由于document对象不对,首先直接导致了$()方法失效,其次是事件(Event),后来简单地把事件里面的document对象改了以后,发现在触发事件的时候会导致IE7直接Crash。

在相同的情况下,jQuery暂时没有发现类似的问题,看来应该是MooTools自己的封装和扩展有问题,当然了,瑞星又干了一件诡异的事情……

如果你还没有准备好开始这一讲,请参考这一系列的教程,这里是《MooTools 1.2系列教程目录》

今天我们来学习一下Fx.Elements插件,这是一个基于Fx.Morph的插件。与应用于单个元素不同的是,Fx.Elements可以允许你一次性给多个元素添加动画。这在你给多个元素添加有相同选项的形变动画时非常有用。就像我们在第20讲中看到的最后一个例子一样。

基本用法

使用Fx.Elements的方法看起来和Fx.Morph差不多。这两者之间的区别在于.start({})方法和.set({})方法。

为了保证事情简洁,让我们首先建立一个元素数组,以用来传递给Fx.Elements。

参考代码: [复制代码] [保存代码]

var fxElementsArray = $$('.myElementClass');

现在我们就可以把我们的数组传递给Fx.Elements对象了...

如果你还没有准备好开始这一讲,请参考这一系列的教程,这里是《MooTools 1.2系列教程目录》

Fdream注:原文好像少了一部分,因此我自作主张地补充了下面这一段及BaseClass的代码。

在今天的教程中,我们将主要学习一下MooTools中类的实现和继承(扩展)。通过实现和继承,我们可以在子类中使用父类的方法,而不需要再重新声明和实现相同的方法。MooTools中的Class类可以帮助我们轻松地做到这一点。首先,我们定一个基类(base class)。

参考代码: [复制代码] [保存代码]

var BaseClass = new Class({
    // 定义一个方法testFunction
    // 这个方法弹出一个对话框
    testFunction : function(){
        alert('This function is defined in BaseClass');
    }
});

如果你还没有准备好开始这一讲,请参考这一系列的教程,这里是《MooTools 1.2系列教程目录》

今天将不只是受限于这个库和一些基本的编程知识,我们来做一个简单的小项目。通过使用我们目前为止已经学过的一些知识,有几种方式来创建当鼠标移上去或者点击时显示相应内容的tab。

简单的“额外信息”标签(TAB)

鼠标移上去显示内容的TAB

在这第一个项目中,我们要创建一个简单的菜单,当鼠标移动到这些菜单上时显示相应的内容。首先,我们来完成HTML代码——我们就用包含四个列表项的ul好了,然后再创建四个div(每一个div对应一个列表项):

参考代码: [复制代码] [保存代码]

// 这里是我们的菜单
<ul id="tabs">
    <li id="one">One</li>
    <li id="two">Two</li>
    <li id="three">Three</li>
    <li id="four">Four</li>
</ul>
 
// 这里是我们的内容div
<div id="contentone" class="hidden">content for one</div>
<div id="contenttwo" class="hidden">content for two</div>
<div id="contentthree" class="hidden">content for three</div>
<div id="contentfour" class="hidden">content for four</div>

如果你还没有准备好开始这一讲,请参考这一系列的教程,这里是《MooTools 1.2系列教程目录》

今天我们将来看一下MooTools绑定的Tooltip插件。通过“提示(Tips)”,你可以轻松地自定义一个包含一个标题和内容的工具提示,可以自定义样式,自定义淡入淡出渐变效果。我们还将仔细学习一下工具提示的选项和事件,还有一些用来从元素上添加和移除工具提示的工具。最后,我们将学习一下怎么让一个页面有多个不同样式的工具提示。

基础知识

创建一个新的工具提示

创建一个新的工具提示非常简单。首先,我们来创建一个要添加工具提示的链接:

参考代码: [复制代码] [保存代码]

<a class="tooltipA" title="1st Tooltip Title" rel="here is the default 'text' of 1" href="http://www.consideropen.com">Tool tip 1</a>

如果你还没有准备好开始这一讲,请参考这一系列的教程,这里是《MooTools 1.2系列教程目录》

今天我们将讲一下用MooTools来创建和使用类的一些基本知识。

简单地讲,一个类就是一个容器,这个容器包含了一些变量集合和操作这些变量的函数,以便实现特定的功能。在一个内容牵涉较多的项目中,类会显得难以置信的有用。

变量

在前面一系列的课程中,我们已经学习过了Hash对象中键值对(key/value pair)的使用方式,因此,下面的这个例子中创建了一个类,它只包含了一些变量,你看起来可能会觉得非常的熟悉:

参考代码: [复制代码] [保存代码]

// 创建一个名为class_one的类
// 包含两个内部变量
var Class_one = new Class({
    variable_one : "I'm First",
    variable_two : "I'm Second"
});

浏览器的战争已经是硝烟弥漫了,无论是新生者Chrome,全新的Firefox 3,还是没有完全出来的IE8,还有宣传不够却很强大的Opera,还有Apple的Safari……等等等等,他们之间的针锋相对已经是越来越明显了,无论是从用户角度还是从开发者角度,每个浏览器都在不断地创造和超越着,浏览器的发展从来没有像现在这样地迅速过。

浏览器显然已经成为这个时代的宠儿,就连搜狐都忍不住要在这个时候插入进来,搜狐王小川说将于年内推出网页浏览器

而出于对丰富互联网应用的需要,解决ActiveX不能夸平台的问题,Google似乎有一统浏览器插件标准的意思。在刚刚推出Chrome不久以后,再次来了一个大手笔——[url=http://www.cnbeta.com/articles/71827.htm]推出了Native Client(开源项目地址:http://code.google.com/p/nativeclient/),目前支持Google Chrome, Firefox, Safari 和Opera,而唯一不支持的就是IE。这样的格局确实比较囧——因为现在的IE用户是在是太多太多了...

1 2 3 4 5 6 7 8 919
Copyright © 2005-2008,Fdream All Rights Reserved
Processed in 2.0155992 second(s) , unknow queries
Powered by OWord V0.1, Even Not Alpha
(此博客程序为半成品,请勿索取,以免给您的心灵造成创伤^_^)
鄂ICP备05026031号