Seven Yu @ 04/09/2009 (5:58 pm)

用 jQuery 获取 iframe 父页面元素

是群里的问题(我发现没事在群里鬼混一下还真能开放思路学到东西啊)

不说废话, 代码如下:

PLAIN TEXT >> JAVASCRIPT:
  1. $('#objId', parent.document);
  2. // 搞定...
  3. /*
  4. 以前一直不理解这第二个参数应该在什么情况下用,
  5. 今天终于知道了, 撒花, 庆祝...
  6. */

Seven Yu @ 01/16/2009 (12:27 pm)

jQuery 中 find 和 filter 的区别

Tags: , , ::

之前对 jQuery 中的 findfilter 两个函数理解比较模糊, 以为功能差不多, 今天仔细研究了一下发现有很大区别.

  • find 函数是在当前对象集合子元素中进行查询;
  • filter 函数是对当前对象集合进行过滤, 利用过滤条件缩小范围;
  • find 函数的参数是 jQuery 选择器表达式;
  • filter 的参数也是选择器表达式, 但可以有多个条件, 用逗号分隔(逻辑或关系);
  • filter 的参数也可以是个函数, 调用函数时会自动传入 index 参数, 函数需返回 true或false 以选中或排除元素.

参考下面的例子:

代码:

PLAIN TEXT >> HTML:
  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js" type="text/javascript"></script>
  2. <script type="text/javascript"><!--
  3. $(function()
  4. {
  5.     $('div').find('.test').css('color','green');
  6.     $('div').filter('.test, .last').css('backgroundColor','#eee');
  7. });
  8. // --></script>
  9. <div class="first">Hello <span class="test">world</span>!</div>
  10. <div class="test3">Hello <span>world</span>!</div>
  11. <div class="test">Hello <span class="test">world</span>!</div>
  12. <div class="last">Hello <span>world</span>!</div>

效果:

Hello world!
Hello world!
Hello world!
Hello world!

Seven Yu @ 06/13/2008 (6:53 pm)

Visual Adobe Photoshop CS3 Top 100 Simplified Tips and Tricks

作者:Lynette Kent

出版:Wiley Publishing, Inc.
ISBN:978-0-470-14476-3
格式:PDF;47.6MB;244页 全彩

下载:Visual.Adobe.Photoshop.CS3.Top.100.Simplified.Tips.and.Tricks.Sep.2007.eBook-BBL.rar

Seven Yu @ 05/14/2008 (8:30 pm)

[转]CakePHP你必须知道的21条技巧

Tags: , , , ::

转载自:http://tech.idv2.com/2007/10/19/21-tips-you-must-know-about-cakephp/

原作者:charlee
原文链接:http://www.avatarfinancial.com/pages/cake/

这篇文章可以说是CakePHP教程中最经典的了。虽然不是完整的手把手系列, 但作者将自己使用CakePHP的经验总结了21条,这些尤其是对新手十分有用。

翻译时故意保留了一些CakePHP中特有的词语没有翻译, 如controller、model等。相信学过CakePHP的人应该马上就能理解它们的意思吧。

另外,CakePHP的wiki已经失效,取而代之的是一个名为bakery的网站。 原文中引用的wiki的链接也都已更新到了bakery上。

快速创建静态页面

我想建立几个页面,它们仅包含静态数据,使用默认layout,不需要任何model。 最初我试图创建一个controller并为每个静态页面定义一个action。 但这种方法很笨拙,也不适合快速创建静态页面。

实际上只要使用pages controller就可以做到——只要在 views/pages 文件夹下创建一个 view,就可以通过 /pages 来访问。例如,我创建了 /views/pages/matt.thtml , 就可以通过 http://www.example.com/pages/matt 来访问。

改变静态页面的标题

使用pages controller时如果想改变页面标题,只需在view中加入以下代码:

PLAIN TEXT >> PHP:
  1. <? $this->pageTitle = 'Title of your page.'; ?>

在静态页面中向layout发送数据

如果需要向layout传递数据(例如表示导航栏中哪个部分应该高亮显示的变量), 可以在view中添加下面的代码:

PLAIN TEXT >> PHP:
  1. <? $this->_viewVars['somedata'] = array('some','data'); ?>

这个数组就可以在layout中通过$somedata来访问。

快速创建后台管理

如果你需要创建后台管理程序,并且希望所有管理action都位于某个特定文件夹下, 那么打开 config/core.php 并将下面这一行的注释去掉:

PLAIN TEXT >> PHP:
  1. define('CAKE_ADMIN', 'admin');

这样所有以"admin_"开头的action都可以通过 /admin/yourcontroller/youraction 来访问。 例如,如果在posts controller中创建了名为"admin_add"的action, 那么可以通过 www.example.com/admin/posts/add 访问这个action。 这样就可以方便地为admin目录设置密码以避免他人随意访问。

查看后台执行的SQL语句

只需改变config/core.php中的DEBUG常量,即可看到后台执行的SQL语句。 0为产品级,1为开发级,2为完整调试SQL,3为完整调试SQL并显示对象数据。 我通常将DEBUG设置为2,这样每页的底部会显示出一个包含SQL调试信息的表格。

如果页面底部添加的表格会破坏页面布局(特别是使用Ajax获取页面并显示到页面中间而不是底部时), 你可以在CSS中添加以下代码以隐藏调试信息:

PLAIN TEXT >> CSS:
  1. #cakeSqlLog { display: none; }

这样既能保持页面布局,又可以通过查看源代码来看到调试信息。 当然最后发布网站时别忘了将调试级别改回0。

获取丰富的开发文档

别总是盯着手册。wiki和API也是无价之宝。wiki中的开发指南十分有用,而API文档初看起来比较难, 但你很快就会发现这里的信息对你创建CakePHP网站十分重要。`

使用bake.php

Bake是个命令行PHP脚本,可以根据数据库自动生成model、controller和view。 在开发的最初阶段,我强烈推荐使用scaffolding让你的原型程序跑起来。 但如果你清楚地知道scaffolding不合适,我推荐你使用bake。 bake会生成所有的文件并保存到磁盘上,以便你随意修改。 这样能节省创建关联、view、基本的CRUD crollder操作的重复工作。

(译者注:CRUD - Create, Read, Update, Delete,数据库应用的四种基本操作,即"增删查改"。)

bake很方便。你只需在数据库中建立一个表,然后到 /cake/scripts/ 目录下执行 php bake.php 即可。

如果你通过交互方式来运行bake,它会分几步提示你创建model、controller和view。 创建结束之后,我通常会阅读所有生成的代码并做必要的修改。

发布程序时注意权限

有一次我在发布程序时,将整个cake目录打包然后用scp上传到了服务器上。 只要一关闭调试信息,就会出现错误——数据库调用无法返回任何数据。 我一筹莫展,因为我必须通过调试信息才能调试问题。 后来有人告诉我,/app/tmp应当对apache可写。将权限改为777之后问题就解决了。

复杂model验证

我需要进行更复杂的验证,而不仅仅是验证输入框非空或者符合某个正则表达式这样的简单验证。 例如,我要验证用户注册时使用的邮件地址是否已被使用。在wiki中我找到了这篇 关于高级验证的文章, 其中提到了一些十分有用的高级验证方法。

记录错误日志

PLAIN TEXT >> PHP:
  1. $this->log('Something broke');

这样可以将错误记录到 /tmp/logs/ 中(我最初以为会记录到apache的错误日志中)。

让controller使用其他model

如果你的controller需要调用来自不同model的数据,只要在controller开头使用如下代码:

PLAIN TEXT >> PHP:
  1. class yourController extends AppController {
  2.   var $uses = array('Post','User');
  3. }

这样controller就能访问Post和User model了。

创建不使用数据库表的model

我需要创建一个不使用任何表的model。例如,我想通过$validate数组方便底验证输入数据, 保持model逻辑的正确性。但创建model时对应的表不存在,CakePHP就会报错。 通过在model中加入以下代码可以解决这个问题:

PLAIN TEXT >> PHP:
  1. var $useTable = false;

你也可以通过这种方法改变model对应的表名。

PLAIN TEXT >> PHP:
  1. var $useTable = 'some_table';

重定向之后记得exit()

对于有经验的人来说这应当是理所当然的事儿,调用 $this->redirect() 之后,剩下的代码如果不想运行 要exit()。我也这样做,但以前曾经认为 $this->redirect() 会为我调用exit(实际上不会)。

高级model函数

翻翻API就能发现很多你不知道的非常有用的函数。 我强烈推荐至少阅读一遍 Model 类的参考手册。 下面是以前我没注意到的几个重要函数:

再次强烈推荐阅读整个model类参考,你会为你学到的东西赞叹的。

如何正确插入多行

我需要遍历一个列表,并将其中的每个元素都插入到数据库中。 我发现如果在一次插入完成后立即进行下一次插入, 那么第二次插入的内容完全不会被插入,而是会被更新到第一次插入的行中。 例如:

PLAIN TEXT >> PHP:
  1. $items = array('Item 1','Item 2','Item 3');
  2. foreach ($items as $item) {
  3.   $this->Post->save(array('Post' => array('title' => $item)));
  4. }

这段代码将在posts表中插入仅一行:“Item 3”。 CakePHP首先插入“Item 1”,但马上将其更新为“Item 2”, 再更新为“Item 3”,因为$this->Post->id保存的是上一次插入成功的行的id。 通常这个特性很有用,但在这个例子中反而帮了倒忙。 其实只要在每次插入之后设置 $this->Post->id = false 就可以解决这个问题。

更新:有人发邮件告诉我,正确的做法是调用create()初始化model,再set/save新数据。

在controller函数之前或之后插入逻辑

假设你需要在controller渲染的每个view中都设置一个颜色数组, 但你不希望在每个action中都定义它。可以通过 beforeRender() 回调函数来实现:

PLAIN TEXT >> PHP:
  1. function beforeRender() {
  2.   $this->set('colors',array('red','blue','green');
  3. }

这样该controller渲染的所有view都可以访问$colors变量。 beforeRender() 函数在controller逻辑结束后、view被渲染之前执行。同样, beforeFilter()afterFilter() 函数会在每个controller action执行的前后执行。 更多信息请阅读手册的models一节

为CakePHP添加所见即所得编辑器

这里有一篇非常好的教程教你如何在 CakePHP中使用TinyMCE。基本上你只需在页面上链接tiny_mce.js文件,然后添加一些初始化代码以设置 将哪个textarea变成TinyMCE编辑器即可。

自定义HABTM关系的SQL语句

我曾试图在自定义的SQL语句上定义一个HABTM关系(has-and-belongs-to-many),却遇到了问题。 根据本文撰稿时的文档,应当先在自己的model中设置finderSql,但从CakePHP的源代码来看, 应该设置finderQuery。这只是文档中的一个小问题,但指出问题却能为他人节约时间。 Trac ticket在这里

发送邮件

我在wiki中找到两篇教程:发送邮件通过PHPMailer发送邮件。 强烈推荐后者,通过PHPMailer发送邮件更安全,而且不需要自己处理邮件头,减少许多麻烦。

自定义Helper生成的HTML

我需要修改调用$html->selectTag()时生成的

建立 /app/config/tags.ini.php,然后添加以下的内容:

PLAIN TEXT >> CODE:
  1. ; Tag template for a input type='radio' tag.
  2. radio = "<input type="radio" name="data[%s][%s]" id="%s" %s /><label for="%3$s">%s</label>"
  3.  
  4. ; Tag template for an empty select option tag.
  5. selectempty = "<option value="" %s>-- Please Select --</option>"

你可以从/cake/config/tags.ini.php中获得完整的标签列表。但我不建议修改该文件, 否则升级CakePHP时可能会让你的修改丢失。

自定义404页面

如果你需要自定义404页面,只需创建 /app/views/errors/error404.thtml。

Seven Yu @ 04/27/2008 (9:31 pm)

101 Adobe AIR Resources to Add to Your Toolbelt of Awesomeness

Tags: , , ::

原文地址: http://www.jasonbartholme.com/101-adobe-air-resources-to-add-to-your-toolbelt-of-awesomeness/

Adobe AIR logoThe Adobe Integrated Runtime or AIR is a runtime environment for developing rich Internet applications. These applications can be deployed as a desktop applications. AIR applications can operate offline and can take advantage of additional functionality when connected to the Internet.

Getting Started

The Adobe AIR Page - adobe.com
Adobe AIR Language Reference for HTML Developers - adobe.com
Dreamweaver CS3 Extension - adobe.com
Developing Adobe AIR Applications with HTML and Ajax - adobe.com

Application Collections

10 Adobe AIR Must See Applications - webresourcesdepot.com
Adobe AIR Applications Wiki - pbwiki.com
Adobe AIR Marketplace - adobe.com
AIR Projects on RIAForge - riaforge.org
AIRpollo - apollohunter.com
O2Apps - o2apps.com

Articles

6 Adobe AIR ActionScript APIs explored, first up File System Access - seantheflashguy.com
6 Adobe AIR ActionScript APIs explored part II: Network Detection - seantheflashguy.com
Adobe AIR Apps Bloggers Will Love - readwriteweb.com
Adobe AIR is Killing Google Gears - whydoeseverythingsuck.com
Adobe AIR Resources for the Ajax Developer - snook.ca
Adobe AIR security concerns - itwriting.com
Adobe AIR vs Microsoft Silverlight: A developer’s perspective - blogspot.com
Adobe AIR/Apollo vs Ajax vs Gears vs Flash vs Silverlight vs JavaFX vs GWT - rdews.com
Adobe AIR: 10 reasons to love it, 10 reasons to hate it. - itwriting.com
AIR Goes Live: The Best Things About Adobe’s AIR Platform - readwriteweb.com
Building a visual performance app with Adobe AIR, Flex, and Flash - adobe.com
Comparing Adobe Flex and Ajax development models - adobe.com
Dealing with Asynchronous Queries in Adobe AIR - alternateidea.com
Introduction to SQLite in Adobe AIR - peterelst.com
Most of the Brands are using Adobe AIR applications - developersnippets.com
Query a Local Database in AIR’s Desktop RIA Environment - devx.com
Super-simple SQLite example for Adobe AIR 1 Beta -
Tips on getting a code signing certificate - macromedia.com
Using SQL with Adobe AIR - macromedia.com
You Too, Can be an AIR Developer! - blogspot.com

Bloggers

Christian Cantrell - macromedia.com
Daniel Dura - danieldura.com
Ethan Malasky - macromedia.com
Kevin Hoyt - kevinhoyt.org
Lee Brimelow - theflexblog.com
Mike Chambers - mikechambers.com
Mike Downey - madowney.com
Rich Tretola - everythingflex.com
Ryan Stewart - digitalbackcountry.com

Language-Specific Integration

Adobe AIR: Develop on Adobe AIR with HTML and Javascript - adobe.com
Adobe Integrated Runtime (AIR) Resources Roundup for Ruby on Rails Developers - rubyinside.com
AIR for Linux - macromedia.com
CommandProxy: .NET / AIR Integration Proof of Concept - mikechambers.com
Extending Adobe Flash Player and Adobe AIR with C and C++ via ActionScript 3 - onflex.org
JavaScript Language Reference for Adobe AIR - adobe.com

Popular Applications

Adobe Developer Connection Developer Desktop - adobe.com
Agile Agenda - adobe.com
AIR PressRich Blog Editor - airpress.org
AIR Talkr - airtalkr.com
AOL Top 100 Videos - adobe.com
Apprise RSS Reader - macromedia.com
CFDocs on AIR - brianflove.com
Chorducopia - adobe.com
Color Browser - adobe.com
DiggTop - adobe.com
eBay Desktop - ebay.com
Finetune Desktop - adobe.com
FotoBooth - adobe.com
Google Analytics Reporting Suite - adobe.com
GuitarScales V2 - adobe.com
Joom Edit - adobe.com
Klok - adobe.com
kuler desktop - adobe.com
MyDesktopNotes - adobe.com
MyStylez - adobe.com
NetBook - adobe.com
Ora Time and Expense - adobe.com
PasswordKeeper - adobe.com
Posty - spreadingfunkyness.com
Qoove Notes - apollohunter.com
RichFLV - adobe.com
SearchCoders Dashboard - adobe.com
Spazan - Twitter client - adobe.com
SQLite Admin for AIR 1.0 - coenraets.org
StockQ: A Stock Quotes application, built for Adobe AIR - adobe.com
StudioCloud PSG (Proofing, Sales, and Gallery Manager) - adobe.com
Tumbleweed - tumblr.com
Tweetr - adobe.com
twhirlTwitter client - twhirl.org
WebKut - adobe.com
World Weather - adobe.com
Xdrive - xdrive.com
Xe-MoviePlayer - adobe.com

Resources

The Flex Show Podcast - theflexshow.com
AdvancED AIR Applications (Advanced) Book - amazon.com
The On AIR Bus Tour - adobe.com
Adobe AIR Free Book Download - ajaxian.com
Tons of new Flex / AIR articles and videos online - mikechambers.com
Adobe AIR group on Facebook - facebook.com
ScaleNine - skins and themes - scalenine.com

Third Party Integration

AIR Cairngorm (AIR extensions for Cairngorm) - ericfeminella.com
Building a desktop application with Ext, AIR, Aptana and Red Bull - extjs.com
Code completion for Adobe AIR in Spket IDE - spket.com
Intro to using Adobe AIR with Aptana (Video) - bestechvideos.com

Tutorials

40 Adobe AIR code examples - kevinhoyt.org
Adobe AIR Tutorial for HTML / JavaScript Developers - petefreitag.com
Adobe AIR and Flex - Getting Started - paranoidferret.com
Adobe AIR Tutorials - adobeairtutorials.com
AIR Tutorials - senocular.com
Adobe AIR Videos - youtube.com
Ajaxian Featured Tutorial: Build your first Adobe AIR app - ajaxian.com
Christmas Is In The AIR - 24ways.org

Seven Yu @ 04/21/2008 (11:33 am)

[转]Flex 中 12 个简单实用的小技巧

Tags: , ::

转/翻译 自: http://ntt.cc/2008/04/19/12-very-simple-basic-but-useful-function-source-in-flex.html

  1. 复制内容到剪贴板
    PLAIN TEXT >> ACTIONSCRIPT:
    1. System.setClipboard(strContent);

  2. 复制一个 ArrayCollection
    PLAIN TEXT >> ACTIONSCRIPT:
    1. //dummy solution( well, it works )
    2. var bar:ArrayCollection = new ArrayCollection();
    3. for each ( var i:Object in ac ){
    4.     bar.addItem( i );
    5. }
    6. // fantastic ! //
    7. var bar:ListCollectionView = new ListCollectionView( ListCollectionView( ac ).list );

  3. 打开 URL
    PLAIN TEXT >> ACTIONSCRIPT:
    1. navigateToURL(new URLRequest('http://phpz.org/'), '_blank');

  4. 刷新页面
    PLAIN TEXT >> ACTIONSCRIPT:
    1. navigateToURL(new URLRequest("javascript:location.reload();"), "_self");

  5. 关闭浏览器
    PLAIN TEXT >> ACTIONSCRIPT:
    1. navigateToURL(new URLRequest("javascript:window.close()"), "_self");

  6. 设置 Alert 窗口透明背景
    PLAIN TEXT >> ACTIONSCRIPT:
    1. Alert
    2. {
    3.     modalTransparency:0.0
    4.     modalTransparencyBlur:0;
    5. }

  7. 设置随机颜色
    PLAIN TEXT >> ACTIONSCRIPT:
    1. lbl.setStyle('color', 0xffffff * Math.random());

  8. 删除字符串左空白字符
    PLAIN TEXT >> ACTIONSCRIPT:
    1. // 原文采用循环查找字符然后用 substring 截取字符的方式
    2. // 这种方式代码多, 效率低, 这里就不列出原文的代码了
    3. // 下面是我用正则实现的(包括下面的 rtrim)
    4. private function ltrim(_s:String):String
    5. {
    6.     return _s.replace(/^\s+/, '');
    7. }

  9. 删除字符串右空白字符
    PLAIN TEXT >> ACTIONSCRIPT:
    1. private function rtrim(_s:String):String
    2. {
    3.     return _s.replace(/\s+$/, '');
    4. }

  10. 删除字符串两侧空白字符
    PLAIN TEXT >> ACTIONSCRIPT:
    1. private function trim(_s:String):String
    2. {
    3.     return ltrim(rtrim(_s));
    4. }

  11. 取得数据类型
    PLAIN TEXT >> ACTIONSCRIPT:
    1. getQualifiedClassName(data);

  12. 生成验证码
    PLAIN TEXT >> ACTIONSCRIPT:
    1. private function GenerateCheckCode():String
    2. {
    3.     //init
    4.     var ran:Number;
    5.     var number:Number;
    6.     var  code:String;
    7.     var checkCode:String ="";
    8.     //get 4 radom
    9.     for(var i:int=0; i<4; i++)
    10.     {
    11.         ran=Math.random();
    12.         number =Math.round(ran*10000);            //get result like 0.1234
    13.         if(number % 2 == 0)
    14.             code = String.fromCharCode(48+(number % 10));        //0's ASCII code is 48
    15.         else
    16.             code = String.fromCharCode(65+(number % 26)) ;        // A's ASCII code is 65
    17.         checkCode += code;
    18.     }
    19.     return checkCode;
    20. }

Seven Yu @ 04/09/2008 (6:13 pm)

用最简单的判断确定9个区域

Tags: , , ::

有时候我们会遇到需要判断鼠标所在场景区域的情况, 类似的典型应用是地图导航时鼠标的形状, 即根据鼠标所在区域显示不同的鼠标图标 (见演示).

但如果直接判断可能会涉及到嵌套判断, 代码量大, 无疑那样是很不优雅的. 上面例子中使用了非常简单的判断就确定了9个区域. (见示意图)

4 3 5
1 0 2
7 6 8

上表中显示了各方向对应的值, 左中右进行了一组判断, 确定1, 0, 2 三个中的一个值, 上中下也进行一组判断, 确定了3, 0, 6 三个中的一个值, 其他四个方向的值为以上两个值(相邻两个方向)相加得出(如果两个值都不为0).

请看具体实现代码或下载源文件:

PLAIN TEXT >> ACTIONSCRIPT:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
  3.  backgroundColor="#eeeeee" initialize="initApp();">
  4. <mx:Script>
  5.     <![CDATA[
  6.     /**
  7.      * Author: Seven Yu
  8.      * Email: dofyyu at gmail dot com
  9.      * URI: http://phpz.org/?p=48
  10.      * */
  11.     import mx.controls.Image;
  12.    
  13.     // 定义鼠标图标
  14.     [Embed(source="icons/center.png")]
  15.     private var mCenter:Class;
  16.     [Embed(source="icons/left.png")]
  17.     private var mLeft:Class;
  18.     [Embed(source="icons/right.png")]
  19.     private var mRight:Class;
  20.     [Embed(source="icons/up.png")]
  21.     private var mUp:Class;
  22.     [Embed(source="icons/down.png")]
  23.     private var mDown:Class;
  24.     [Embed(source="icons/left_up.png")]
  25.     private var mLeftUp:Class;
  26.     [Embed(source="icons/left_down.png")]
  27.     private var mLeftDown:Class;
  28.     [Embed(source="icons/right_up.png")]
  29.     private var mRightUp:Class;
  30.     [Embed(source="icons/right_down.png")]
  31.     private var mRightDown:Class;
  32.     // 背景图片
  33.     [Embed(source="images/map.png")]
  34.     private var iMap:Class;
  35.     // 图标标识索引
  36.     private var iconIndex:int;
  37.     private var oldIndex:int;
  38.     // 移动步长
  39.     private var xStep:int = 0;
  40.     private var yStep:int = 0;
  41.     // 背景图对象
  42.     private var _bgImage:Image = new Image();
  43.     // 移动速度 和 鼠标偏移量
  44.     private const SPEED:Number = 5;
  45.     private const OFFSET:Number = 8; // 图片大小的一半
  46.     // 角度数组 (没有应用)
  47.     private var angleArray:Array = [180, 0, -90, -135, -45, 90, 135, 45];
  48.     // 图标数组
  49.     private var iconArray:Array = [mCenter, mLeft, mRight, mUp, mLeftUp,
  50.                                 mRightUp, mDown, mLeftDown, mRightDown];
  51.     // 偏移倍数数组
  52.     private var offsetArray:Array = [{x:-1, y:-1}, {x:0, y:-1}, {x:-2, y:-1}, {x:-1, y:0},
  53.                             {x:0, y:0}, {x:-2, y:0}, {x:-1, y:-2}, {x:0, y:-2}, {x:-2, y:-2}];
  54.     /**
  55.      * 初始化
  56.      * */
  57.     private function initApp():void
  58.     {   
  59.         // 关闭滚动条
  60.         horizontalScrollPolicy = "off";
  61.         verticalScrollPolicy = "off";
  62.         // 绑定事件
  63.         addEventListener(MouseEvent.MOUSE_MOVE, moveHandler);
  64.         addEventListener(Event.ENTER_FRAME, enterFrameHandler);
  65.         // 添加背景图
  66.         _bgImage.source = iMap;
  67.         addChild(_bgImage);
  68.     }
  69.     /**
  70.      * 鼠标移动处理函数
  71.      * */
  72.     private function moveHandler(event:MouseEvent):void
  73.     {
  74.         var leftLine:Number  = width / 3;     // 左参考线
  75.         var rightLine:Number = leftLine * 2// 右参考线
  76.         var upLine:Number    = height / 3;    // 上参考线
  77.         var downLine:Number  = upLine * 2;    // 下参考线
  78.        
  79.         var mouseXFlag:int// 左右参考值
  80.         var mouseYFlag:int// 上下参考值
  81.         // iconIndex = mouseXFlag + mouseYFlag;
  82.         // mouseXFlag 和 mouseYFlag 的参考值及 iconIndex 的计算方法见示意图
  83.        
  84.         // 左右参考值
  85.         if (mouseX <leftLine)
  86.         {
  87.             xStep = 1;
  88.             mouseXFlag = 1;
  89.         }
  90.         else if (mouseX> rightLine)
  91.         {
  92.             xStep = -1;
  93.             mouseXFlag = 2;
  94.         }
  95.         else
  96.         {
  97.             xStep = 0;
  98.             mouseXFlag = 0;
  99.         }
  100.         // 上下参考值
  101.         if (mouseY <upLine)
  102.         {
  103.             yStep = 1;
  104.             mouseYFlag = 3;
  105.         }
  106.         else if (mouseY> downLine)
  107.         {
  108.             yStep = -1;
  109.             mouseYFlag = 6;
  110.         }
  111.         else
  112.         {
  113.             yStep = 0;
  114.             mouseYFlag = 0;
  115.         }
  116.         // 计算图标索引
  117.         iconIndex = mouseXFlag + mouseYFlag;
  118.         // 应用索引
  119.         if (oldIndex != iconIndex)
  120.         {
  121.             oldIndex = iconIndex;
  122.             cursorManager.removeAllCursors();
  123.             cursorManager.setCursor(iconArray[iconIndex], 2,
  124.                 offsetArray[iconIndex].x * OFFSET, offsetArray[iconIndex].y * OFFSET);
  125.         }
  126.     }
  127.     /**
  128.      * 移动背景处理函数
  129.      * */
  130.     private function enterFrameHandler(event:Event):void
  131.     {
  132.         if (_bgImage.x>= width - _bgImage.contentWidth - xStep * SPEED
  133.                 && _bgImage.x <= 0 - xStep * SPEED)
  134.             _bgImage.x += xStep * SPEED;
  135.         else
  136.             xStep = 0;
  137.        
  138.         if (_bgImage.y>= height - _bgImage.contentHeight - yStep * SPEED
  139.                 && _bgImage.y <= 0 - yStep * SPEED)
  140.             _bgImage.y += yStep * SPEED;
  141.         else
  142.             yStep = 0;
  143.     }
  144.     ]]>
  145. </mx:Script>
  146. </mx:Application>

Next Page »