浅谈css框架开发

Posted by admin in XHTML & CSS二 26th, 2010 | No Comments

个人总结了在开发css框架中的一点经验，献丑了。希望大家的讨论能使我们共同进步。:)

1、css框架

中国的互联网行业已经发展了10年，浏览器也从最早流行的NS到现在的FF3.IE7等等……前端开发工程师的职位也诞生了。近几年在web开发中，有个非常火的词——“框架”。YUI、JQuery、Prototype这些javascript框架在开发网站时，确实成为前端开发工程师的手中利器。为什么呢？因为框架是包含工具、函数库、约定，以及尝试从常用任务中抽象出可以复用的通用模块，让设计师与程序员避免重复开发。通俗地讲便是把大多数重复工作的时间给节约了。
……
read more...

jquery的idTabs插件

Posted by admin in Lean Jquery&js二 25th, 2010 | No Comments

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery插件Tab选项卡-选择指定栏</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.idTabs.js"></script>
<style type="text/css">
/*主容器*/ 
.usual {
	background:#cee;
	color:#111;
	padding:15px 20px;
	width:500px;
	border:1px solid #099;
	margin:8px auto;
}
/*选项卡*/ 
.usual ul {
	margin:0;
	padding:0;
	padding-left:2em;
	overflow:auto;/*火狐等清理浮动*/
	_display:inline-block;/*ie6清理浮动*/
}
.usual li {
	list-style:none;
	float:left;
}
.usual ul a {
	display:block;
	padding:6px 10px;
	text-decoration:none;
	font:12px Arial;
	color:#FFF;
	background:#22A4C4;
	outline:none;
}
.usual ul a:hover {
	color:#FFF;
	background:#0B718B;
}
.usual ul a.selected {
	color:#000;
	background:snow;
	cursor:default;
}
/*tab页*/ 
.usual div {
	padding:10px 10px 8px 10px;
	background:snow;
	font:10pt Arial;
}
</style>
</head>
<body>
<div id="usual1" class="usual">
  <ul>
    <li><a href="#tab1">教育</a></li>
    <li><a href="#tab2">儿童</a></li>
    <li><a href="#tab3">育儿</a></li>
  </ul>
  <div id="tab1">金融危机致使校园招聘减少...</div>
  <div id="tab2">青少年网上普法大赛...</div>
  <div id="tab3">今天你为宝宝许愿了吗...</div>
</div>
<script type="text/javascript">    
    $("#usual1 ul").idTabs("tab2"); //代码选择第二栏 ，留空默认第一个
</script>
</body>
</html>

示例代码下载

任意位置浮动固定层-转

Posted by admin in Lean Jquery&js二 25th, 2010 | No Comments

/*任意位置浮动固定层*/
/*没剑(http://regedit.cnblogs.com) 08-03-11*/
/*说明：可以让指定的层浮动到网页上的任何位置，当滚动条滚动时它会保持在当前位置不变，不会产生闪动*/
……
read more...

menuswitch

Posted by admin in Lean Jquery&js二 25th, 2010 | No Comments

DEMO_1
DEMO_2
点击下载

7 Years & 50 Days

Posted by admin in Music二 4th, 2010 | 3 Comments

音频片段：需要 Adobe Flash Player（9 或以上版本）播放音频片段。点击这里下载最新版本。您需要开启浏览器的 JavaScript 支持。

groovec

seven years and fifty days
the time is passing by
nothing in this world could be
as nice as you and i
and how could we break up like this
and how could we be wrong
so many years, so many days
and i still sing my song
now i run to you
like i always do
when i close my eyes
i think of you
such a lonely girl
……
read more...

AS3与JavaScript进行交互[转]

Posted by admin in ActionScript 2 & 3二 3rd, 2010 | 1 Comment

1.JS调用AS3中的函数

首先，我们新建一个FLASH文档，然后在舞台上绘制一个动态文本，该文本的实例名称为wen_txt。好了！美工的部分就算完成了（我们这里是一个非常简单的实例，不要求太复杂。力求突出重点）！

现在，我们要在FLASH中建立一个允许被外部调用的函数。那么如何去建立声明这样一个函数呢？我们要使用到一个类，这个类的名字就是ExternalInterface。很多人都没有太注意过这个类。这个类实际上是在flash.external 包中。这个包是专门用来和外部容器进行通信的。那么对这个ExternalInterface类，它的官方解释是“ExternalInterface 类是外部 API，在 ActionScript 和 Flash Player 的容器之间实现直接通讯的应用程序编程接口，例如，含有 JavaScript 的 HTML 页。”很显然，这里已经提到了JS。好了！下面我们就来写一下脚本吧！

代码如下：
……
read more...

AS3加载外部SWF文件

Posted by admin in ActionScript 2 & 3二 2nd, 2010 | No Comments

在 ActionScript 3.0 中，SWF 文件是使用 Loader 类来加载的。若要加载外部 SWF 文件，
ActionScript 需要执行以下 4 个操作：

1. 用文件的 URL 创建一个新的 URLRequest 对象。
2. 创建一个新的 Loader 对象。
3. 调用 Loader 对象的 load() 方法，并以参数形式传递 URLRequest 实例。
4. 对显示对象容器（如 Flash 文档的主时间轴）调用 addChild() 方法，将 Loader 实例添加到显示列表中。

示例代码：

var request:URLRequest = new URLRequest("http://design-studio.cn/
blog/wp-content/uploads/2010/02/generateur_avatars.swf");
var loader:Loader = new Loader();
loader.load(request);
addChild(loader);