作者归档：wordgold

为弹出提示框添加动态接口

上期讲解了如何使用 Css来设计一个弹出提示框。只是设计还无法使用，需要给它添加一些接口，才可以动态的控制它的显示效果及各种回调方法。

开始之前你可能希望先查看： Demo

首先定义一个方法：

function alertM(content,opt){
	// content表示提示框内容
	// opt表示提示框各种控制参数
}

我所使用的方法是使用多种参数来控制，并不是说这种方法最好，你也可以设计使用多种方法来控制，这并无定理，只是比较适合我而已。
继续阅读全文 →

设计制作一个自己的弹出提示框

做前端的一般都知道，尽量减少使用alert，主要因为系统的弹出框会终止当前一切进程，甚至连窗口操作也被禁止，实在是不太友好，所以这次讲下如何定制一个你自己的弹出提示框。即：使用html+css制作一个提示框，并使用javascript为它添加常用方法来达到替换系统提示框的目的。

因为时间有限（太忙了，养家糊口的男人你伤不起啊～），我打算分3篇：1、设计制作一个自己的弹出提示框；2、为你的弹出提示框添加交互功能；3、拖拽你的弹出提示框。

在此之前先让我们看下各浏览器的alert效果：
继续阅读全文 →

flash网站制作的两点浅析

在制作flash网站的时候，一般有两种选择，一种是flash跟随屏幕大小变化，其内部元件相应缩小放大；另一种是flash随屏幕变化大小，其内部元件却不改变大小，只是相应改变其位置。

这两种方式各有各的优点，第一种给观赏者最完整的展示，缺点是在小屏幕上出现过于缩小导致模糊不清的状况，第二种不会有这种状况，但会显示不完整，如何抉择一般都是客户说了算，现在就来说下这两种方式的制作。

一般页面插入flash我使用如下语句：

1

<embed id="swf" bgcolor="#000" height="780" width="1280" quality="high" src="1.swf" type="application/x-shockwave-flash" wmode="transparent"/>

可能有同学说这样不符合W3C标准，在我看来，W3C只是一个验证工具，它是为了更好的规范你的代码写作方式，使你养成良好的编程习惯，并不是页面展现的标准，不需要强求，像下面这段代码：

1
2
3
4
5

<!DOCTYPE html>
<html dir="ltr" lang="zh-CN">
<head>
<meta charset="UTF-8"/>
</head></html>

这是本博客所使用的DOCTYPE声明，它就过不了W3C，甚至连meta页面编码声明都是不规范的，但这却是html5提倡的写法，并且被所有的浏览器兼容，发送时要保守;接收时要开放。有兴趣的朋友可以看看这篇文章《HTML5设计原理》。

跑题了，接着讲flash，第一种方式很简单，只需设定css样式即可实现，假如你编写的静态页类似下面这样：
继续阅读全文 →

使用Google Maps API 制作flash地图

做项目最烦的就是客户无休止的修改，算了，题外话。总之呢，上一个flash项目被要求重新修改 :b5 ，客户要求添加一个 Google Maps 型的地图显示，只好又去找Google Maps API 现学现做，从昨天到现在，总算搞了一个雏形出来，说下心得总结。

Google Maps flash 源文件下载，下载文件包含了最新的Google Maps API for flash CS3 SDK文件以及两个fla源文件提供测试，还有一个default.html文件供你转换坐标使用，后面会有详细介绍。

首先， 打开 Google Maps API（flash 版），如无法打开，请搬梯翻墙。

这一页没什么好说的，照着文档一步一步做就好，申请api-key，下载SDK，安装，假如你用的是flash cs4的话，请在  “你的flash cs4安装文件夹\Adobe Flash CS4\Common\Configuration\Components”  下新建Google文件夹，并把SDK放入，然后根据你所用的软件点击3个辅导手册，我选的是 Flash CS3 辅导手册。

编写 Google Maps API for Flash 的“世界，您好”，这个没什么问题，毕竟是最简单的实现，再往后面，问题来了。
继续阅读全文 →

AS2.0学习笔记

这几天一直在做一个flash网站的项目，需要用AS2.0制作留言，留言列表，选取头像以及加载进度条等功能，如果让专业人士来做，估计一天就完事了，可惜在下对flash完全一窍不通，只能边学边做，昨天项目结束，趁现在不忙写下学习笔记，

以下将按我的理解由易到难的顺序发布，使用myText代表输入文本名称，myMc代表影片剪辑名称，myBtn代表按钮名称。

1、获取输入文本值

var textVal = myText.text;

2、元件基本属性

可访问性：myMc._visible=0 设置myMc为不存在，即无法看见也无法触发事件，反之为1；

透明度：myMc._alpha=0 设置myMc不可见，但仍然可以触发事件，值为0到100；

坐标：myMc._x 横坐标 myMc._y 纵坐标。

3、绑定事件

鼠标按下事件：myBtn.onPress=function(){} 元件也适用，以下不做赘述；

鼠标松开事件：myBtn.onRelease=function(){}。

4、读取xml文档

继续阅读全文 →

jquery延迟加载图片插件（未完成）

应一位朋友的邀请，尝试着写下这个貌似很热门的插件。昨天晚上构思了一下实现方式，结果没想到今天有点忙 :c4 ，断断续续写了点，初步实现了个非常简单的功能。

先写下我的想法，因为以前看过这方面的源码，实现思路一般两种，一种是打Domready与onload的时间差，不过这在webkit内核下行不通；一种是事先就修改src并添加其他属性（例如html5的data-xxx），所有浏览器都可以实现，缺点是这样用起来太麻烦，而且禁止js的话图片就不显示了。各有各的弊端吧。我本来设想是使用jquery的live方法在dom加载时动态委派事件，结果，事件是委派成功了，怎么执行是个问题 :e7 ，有哪位同学了解这方面麻烦留个言，不胜感谢（别说使用setTimeout··· a:3 ）。
继续阅读全文 →