创建折叠式菜单-源自 css cookbook
Posted by admin in Lean Jquery&js三 2nd, 2010 | 2 Comments一段折叠菜单JS，百用不爽
代码：
提示：你可以先修改部分代码再运行。
Don’t make me think pdf 下载
Posted by admin in Web观察, XHTML & CSS, 资源分享三 2nd, 2010 | No Comments
最近很懒，估计是春天到了，老是犯困，一本书啃了好几天~~，《Don’t make me think 》确实是本好书，推荐从事互联网工作的朋友阅读一下，
点击下载PDF
纯css下拉菜单-出自eric meyer谈css
Posted by admin in XHTML & CSS三 1st, 2010 | No Comments周末去图书馆翻了几本css的书，翻了《eric meyer谈css》，《CSS那些事儿》，《精通CSS与HTML设计模式》，《CSS权威指南》，学了些新东西。
印象最深的是eric大师的css驱动的下拉菜单，和大家分享一下啊：
提示：你可以先修改部分代码再运行。
IE6下面需要csshover.htc文件，示例代码下载(包括csshover.htc文件)
大师的《eric meyer谈css》书(英文)和示例代码下载
浅谈css框架开发
Posted by admin in XHTML & CSS二 26th, 2010 | No Comments个人总结了在开发css框架中的一点经验，献丑了。希望大家的讨论能使我们共同进步。:)
1、css框架
中国的互联网行业已经发展了10年，浏览器也从最早流行的NS到现在的FF3.IE7等等……前端开发工程师的职位也诞生了。近几年在web开发中，有个非常火的词——“框架”。YUI、JQuery、Prototype这些javascript框架在开发网站时，确实成为前端开发工程师的手中利器。为什么呢？因为框架是包含工具、函数库、约定，以及尝试从常用任务中抽象出可以复用的通用模块，让设计师与程序员避免重复开发。通俗地讲便是把大多数重复工作的时间给节约了。
……
jquery的idTabs插件
Posted by admin in Lean Jquery&js二 25th, 2010 | No Comments1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 | <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*/
/*说明：可以让指定的层浮动到网页上的任何位置，当滚动条滚动时它会保持在当前位置不变，不会产生闪动*/
……
7 Years & 50 Days
Posted by admin in Music二 4th, 2010 | 2 Comments音频片段：需要 Adobe Flash Player（9 或以上版本）播放音频片段。 点击这里下载最新版本。您需要开启浏览器的 JavaScript 支持。
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
……
AS3与JavaScript进行交互[转]
Posted by admin in ActionScript 2 & 3二 3rd, 2010 | 1 Comment1.JS调用AS3中的函数
首先，我们新建一个FLASH文档，然后在舞台上绘制一个动态文本，该文本的实例名称为wen_txt。好了！美工的部分就算完成了（我们这里是一个非常简单的实例，不要求太复杂。力求突出重点）！
现在，我们要在FLASH中建立一个允许被外部调用的函数。那么如何去建立声明这样一个函数呢？我们要使用到一个类，这个类的名字就是ExternalInterface。很多人都没有太注意过这个类。这个类实际上是在flash.external 包中。这个包是专门用来和外部容器进行通信的。那么对这个ExternalInterface类，它的官方解释是“ExternalInterface 类是外部 API，在 ActionScript 和 Flash Player 的容器之间实现直接通讯的应用程序编程接口，例如，含有 JavaScript 的 HTML 页。”很显然，这里已经提到了JS。好了！下面我们就来写一下脚本吧！
代码如下：
……
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 实例添加到显示列表中。
示例代码：
1 2 3 4 5 | 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); |
About
