两百个jQuery插件集合

Posted by admin in Lean Jquery&js一 29th, 2010 | 1 Comment

jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆js来调用命令了，只需定义 id 即可。今天在Kollermedia.at上发现了一篇JQuery插件列表的文章，特推荐如下。
……
read more...

RIA学习网站

Posted by admin in RIA一 29th, 2010 | No Comments

精心收藏与RIA相关的网站，与大家分享。

http://www.5uflash.com/html/flex-air/ Flex-AIR-闪无忧
http://www.riameeting.cn/   RIAMeeting
http://www.anyflex.cn/     AnyFlex开发者论坛
http://www.riachina.com/   RIACHINA 中国RIA开发者论坛
http://www.52ria.com/       中国第一家FLASHRIA专业开源网站
http://www.enet.com.cn/eschool/zhuanti/flashaction/ Flash高级Action编程视频教程
http://www.ActionScript3.cn/    ActionScript 3天地会门户
http://www.richbox.net/ 富应用文档库
http://blog.minidx.com/ 全文检索技术,算法和数据结构,中文Flex例子
http://flex.sourceforge.net/ flex: The Fast Lexical Analyzer
http://www.flexcoders.cn/ AIRIA论坛 – RIA开发、Flex技术交流
http://www.k-zone.cn/zblog/ 关注Flex,AS3,AIR,Java,DotNet,Web Design,flex2

Flex教程中文资料收集整理

Posted by admin in Flex一 29th, 2010 | No Comments

网上搜索、RIA\Flex论坛里精心收藏与RIA相关的教程文档。

一、视频教程
Adobe的一周学会Flex系列教程 (英文) http://www.adobe.com/devnet/flex/videotraining/
Adobe的一周学会Flex系列教程（中文字幕）http://www.riavideo.net/ODT/list.html
幻想-FLEX 3基础视频教程 http://www.verycd.com/topics/280538/
……
read more...

FLEX 视频教程

Posted by admin in Flex一 29th, 2010 | No Comments

http://www.riameeting.com/channel/learnflexinaweek/

jquery 弹出div

Posted by admin in Lean Jquery&js一 29th, 2010 | No Comments

Lee dialog
http://www.okajax.com/demo/dialog/

dialog UI
http://malsup.com/jquery/block/#demos

DOMWindowDemo
http://swip.codylindley.com/DOMWindowDemo.html

SimpleModal
http://www.ericmmartin.com/projects/

jquery 图片轮换

Posted by admin in Lean Jquery&js一 29th, 2010 | No Comments

jQuery做的图片轮换效果，图片上下左右移动，文字，全部兼顾到了，很不错的说… DEMO

jQuery手册速查

Posted by admin in Lean Jquery&js一 28th, 2010 | No Comments

http://oscarotero.com/jquery/

Unity3d简介教程等

Posted by admin in 资源分享一 28th, 2010 | No Comments

Unity3D 是开创先河的3D开发平台，开发者将摆脱近乎混乱的状态，开发游戏将变成你我都能完成的任务，作品可以通过网页直接运行，是3D作品的一站式解决方案！

Unity3D 给与了开发者看似简单的专业创作组合，采用最先进的3D游戏引擎，您可以短时间内创造出令人惊叹的3D作品。您需要做的仅仅是将模型连同动画导入开发环境，加一些预设贴图和沉浸技术以及动画设定，然后点几下鼠标，作品就完成了，您就能将工作放在处理更重要的事情上！
……
read more...

jQuery 1.4发布

Posted by admin in Lean Jquery&js一 28th, 2010 | No Comments

在jQuery四周岁生日来临之际，jQuery团队发布了万众期待的jQuery 1.4。该版本最显著的特点就是最常用的jQuery方法的性能得到了显著的提升。
……
read more...

弹出div居中

Posted by admin in XHTML & CSS一 28th, 2010 | No Comments

兼容浏览器：IE6 / IE7 / IE8 / FF3.5 / OP9.6 / SF4 / Chrome2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="author" content="Chomo" /> <link rel="start" href="http://www.14px.com" title="Home" /> <title>全屏屏蔽、自动居中的lightBox</title> <style type="text/css"> * { margin:0; padding:0; } html,body { height:100%; overflow:hidden; font:12px/1.5 simsun;} .myPage { line-height:3; overflow:auto; width:100%; height:100%;} .lightBox, .popupCover, .popupIframe, .popupComponent { position:absolute; left:0; top:0; width:100%; height:100%;} .popupComponent { z-index:2; display:none;} .popupIframe { display:none; _display:block; _filter:alpha(opacity=0);} .popupCover { background:#000; opacity:0.7; *filter:alpha(opacity=70);} .lightBox { text-align:center; overflow:auto;} .lightBoxContent { display:inline-block; *display:inline; zoom:1; width:300px; padding:10px; background:#fff; border:5px solid #00b4ff; vertical-align:middle;} .lightBoxMaxHeight { display:inline-block; vertical-align:middle; height:100%; *height:99.5%; width:1px; overflow:hidden; margin-left:-1px;} .lightBoxWrapper { display:inline-block; *display:inline; zoom:1; text-align:left;} .lightBoxClose { color:#f00;} .lightBoxSubmit { margin-top:10px; padding-top:5px; border-top:1px solid #ccc;} .lightBoxSubmit input { font-size:12px; padding:0 10px; overflow:visible; margin:0 5px;} </style> </head> <body> <div class="popupComponent" id="lightBox"> <iframe class="popupIframe"></iframe> <div class="popupCover"></div> <div class="lightBox"> <span class="lightBoxMaxHeight"></span> <div class="lightBoxContent"> <div class="lightBoxWrapper"> 当提示小于一行时文字居中<br /> </div> <div class="lightBoxSubmit"> <input type="button" value="确定" onclick="hideLayer('lightBox')" /> <input type="button" value="取消" onclick="hideLayer('lightBox')" /> </div> </div> </div> </div> <div class="popupComponent" id="lightBox2"> <iframe class="popupIframe"></iframe> <div class="popupCover"></div> <div class="lightBox"> <div class="lightBoxContent"> <div class="lightBoxWrapper"> 当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度当内容已经超过了一屏的高度<br /> </div> <div class="lightBoxSubmit"> <input type="button" value="确定" onclick="hideLayer('lightBox2')" /> <input type="button" value="取消" onclick="hideLayer('lightBox2')" /> </div> </div> <span class="lightBoxMaxHeight"></span> </div> </div> <div class="myPage"> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> <div style="text-align:center;"><input type="button" value="位于第一屏的按钮" onclick="showLayer('lightBox')" /></div> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> <select><option>一个用于测试IE6中是否能覆盖住的select</option></select><br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> <select><option>又一个用于测试IE6中是否能覆盖住的select</option></select><br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> <div style="text-align:center;"><input type="button" value="位于第二屏中的按钮" onclick="showLayer('lightBox')" /><input type="button" value="当内容已经超过了一屏的高度" onclick="showLayer('lightBox2')" /></div> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> </div> <script> function showLayer(id) { document.getElementById(id).style.display = "block"; } function hideLayer(id) { document.getElementById(id).style.display = "none"; } </script> </body> </html>

提示：你可以先修改部分代码再运行。

原文:http://www.14px.com/?p=183

Page 3 of 31«1 234 5 »...Last »

About

专注于,网页设计,网站开发,用户体验,收集创意,采集灵感,发现喜悦,纯净生活...Also分享资源和学习心得,Enjoy...