<!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=gb2312″ /> <title> 滑动门</title> <style media=”screen” type=”text/css”> <!– *{font-size:12px;} html,body{margin:0;text-align:center;over-flow:hidden;height:100%;width:100%;} UL{list-style-type:none; margin:0px;} /* 标准盒模型 */ .ttl{height:18px;} .ctt{height:auto;padding:6px;clear:both;border:1px solid #064ca1;border-top:0;text-align:left;} .w936{margin:2px 0;clear:both;width:936px;/*滑动门的宽度*/} /* TAB 切换效果 */ .tb_{background-image: url(‘http://websky18.com/d/file/mimg/tabs1.gif’); background-repeat: repeat-x;background-color: #E6F2FF;} .tb_ ul{height:24px;} .tb_ li{float:left;height: 24px;line-height:1.9;width: 94px;cursor:pointer;} /* 控制显示与隐藏css类 */ .normaltab { [...]
COMMENTS50个令人叹为观止的JavaScript应用站点
Posted in 交互设计 by 吖吖 - 五 11, 2010
随着诸如 jQuery, Mootools, Prototype 一类的 JavaScript 框架的崛起，Web 开发者们基于这些框架创建了众多令人叹为观止的效果。以下的50个站点全部基于 JavaScript，却拥有 Flash 一样的绚丽效果。在很多 Web 开发者看来，Flash 并不是他们的首要选择，因为 Flash 至今对搜索引擎仍是不透明的，另外，Flash 的渲染需要浏览器插件，而 JavaScript 的一切都是本地的。 Tabs Aviary – http://aviary.com/ Aviary 使用了非常圆润的 Tab 效果，点击 Tab 后，渐出渐入的栏目介绍性内容非常漂亮，它的基于 JavaScript 的下拉菜单也美轮美奂。 Toolani – http://www.toolani.de/ 黄色内容区块下方的，基于 jQuery 的 Tabs 非常漂亮。 Podcasttuneup – http://www.podcast-tuneup.com/ 漂亮的 Tab 带着有趣的上卷与下卷效果。作为对比，该 Tab 框上方还有一个基于 Flash 的 Tab 框，可以看出，Flash 的反应速度明细要快得多，然而却要等半天的时间加载。 Adworks – http://www.adworks.ro/ [...]
COMMENTS