使用actionscript3.0构建一个异步加载图片的画廊(四)

gallery8

引言 上一篇教程明河讲解了如何使用actionscript3.0读取和处理xml,今天明河将主要讲解如何使用actionscript3.0构建个图片画廊,在接下来的教程中有如下工作: 构建一个图片画廊的影片剪辑作为画廊的容器 构建图片剪辑类 使用actionscript3.0构建个图片画廊 1、新建个图片画廊影片剪辑 在lib.Gallery的加个变量 //图集的影片剪辑         public var imagesClip:MovieClip = new M......

使用actionscript3.0构建一个异步加载图片的画廊(三)

gallery7

引言 上一篇教程明河讲解了如何使用actionscript3.0构建滚动条,代码难度不大,接下来的代码会不断加大难度,今天明河主要讲解如何使用actionscript3.0读取和处理xml(明河已经在代码内加了非常详实的中文注释,所以这里只讲述关键代码和思路)。 使用actionscript3.0读取和处理xml 1、创建xml 原英文教程,是使用php生成xml,这里明河做了简化,直接使用一个静态xml,请看示例包......

使用actionscript3.0构建一个异步加载图片的画廊(二)

gallery4

引言 上一遍教程使用actionscript3.0构建一个异步加载图片的画廊(一) 主要讲述了其准备工作,接下来的这篇教程将讲解如何让滑动块随鼠标移动,从而构建个滚动条,通过这篇教程,你可以学习到actionscript3以下的知识点: actionscript3事件机制的应用 如果派发自定义事件 如何监测鼠标坐标,并应用于实战 这篇教程的关键在于对actionscript3事件的应用。 示例和下载包请到上一......

使用actionscript3.0构建一个异步加载图片的画廊(一)

gallery

接下来的一周明河将详解如何使用actionscript3.0构建一个异步加载图片的画廊,这篇教程比较长,将拆分成几篇发布。明河对actionscript3.0并不熟悉,也是属于菜鸟级别,文章如有出现错误,欢迎指正,谢谢。 还是先来看效果 如果你对示例中的效果感兴趣,想要学习如何制作这样的画廊,请看下文。 (示例包中明河删掉了swf文件,因为实在太大,高达5M,可能是嵌入字体的缘......

纯CSS系列教程–实现气泡效果(bubble effect)

thumb.php

这个效果是不是很熟悉啊~对啦,JQDock可以轻松实现这样的效果,那么我们就来学习一下,用纯CSS的两种方式,来实现同样酷的效果。 一、先来看第一种方式(基本): 1.首先HTML列表用ul li: <ul id="bubble">       <li>         <a class="icon feed" href="http://feeds2.feedburner.com/prlamnguyen" title="Full RSS Feed">Full RSS Feed</a......

推荐五个jquery图片画廊插件

14thaug0901

关于jquery图片画廊/幻灯片插件,明河之前已经介绍非常多款的,像: 五个jquery图片画廊插件 推荐5个jquery/flash幻灯片 使用jquery制作带有缩略图的幻灯片 (明河作品) 使用jquery制作滑动幻灯片 (明河作品) Galleriffic-jquery图片画廊插件 今天再给大家推荐几款图片画廊插件。 1、Pikachoose – lightweight Jquery Image Gallery plugin   效果还算不错,当然跟以前推荐的几个画廊插件......

使用css3仿造window7的开始菜单

windows7menu

相当逼真,css3果然强悍。 友情提示:请勿在IE下浏览。 来看下原作者的设计草图: 简明创建过程 第一步 :创建如下菜单结构 <div id="startmenu">         <ul id="programs">             <li><a href="#"><img src="firefox-32.png" alt="" />Mozilla Firefox</a></li>            ......

css3实现多列布局

css3-column

在css3中,你无须再使用float才能实现多列布局了,只要通过二个属性,就可以很方便的控制多列布局方式。 css代码非常简单: #container p {                 -webkit-column-count: 3;                 -webkit-column-gap: 10px;                                 -moz-column-count: 3; &n......

6个最好的jquery提示插件

tooltip

1、jQuery Tools / Tooltip 推荐指数: 相当不错的图片文字提示,可惜没动画效果。 2、jQuery Tooltip 推荐指数: 3、Yet Another JQuery Tooltip Plugin 这个插件相当全面,值得推荐。 推荐指数: 4、ChillTip – Chill Web Designs 推荐指数: 5、clueTip – flexible, enhanced tooltip 推荐指数: 6、qtip 推荐指数: 明河强烈推荐,非常好的一个插件,有很完备的API和说明文档。

......

9个最常见的IE的bug及其修正方法

1-1

1、居中一个层时,外边距失效 margin:auto;是让层居中显示很经常用到的方法,此方法是有一定的条件的,比如这个层必须有宽度、高度,来看示例代码: #container{       border: solid 1px #000;       background: #777;       width: 400px;       height: 160px;       margin: 30px 0 0 30px;   }     #......

FLEX中的VIEW STATES

FLEX中视图改变有很多种形式,可以跳转页面,也可以通过添加state控制,在当前页面进行控制。这里介绍mx:states(对应到as中试States 类)的使用。具体的使用在示例代码中介绍,本例是一个登陆/注册界面的转换,下面看代码:       <?xml version="1.0" ?>   <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">       <!– 定义一个视......

FLEX中的图片擦拭效果

Snap4

这里列出flex中图片的擦拭效果的例子,擦拭效果即橡皮擦效果,共分为四个方向,擦拭效果同时适用于text和titleWindow <?xml version="1.0"?> <!– Simple example to demonstrate the WipeLeft effect. –> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> /*左擦除*/     <mx:WipeLeft id="wipeLeftOut" duration="1000"/>     <mx:WipeLeft id=&q......