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

上期讲解了如何使用 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 )。
继续阅读全文