index.html

---
layout: page
title:  体验愉悦的JavaScript开发
author: mytharcher

tags: [elf,js,elfjs,JavaScript,library]

pageClass: page-type-home

styles:
  - /assets/css/index.css

---

<div id="Preview">
	<div class="layout-section">
		<div class="layout-content">
			<p class="minor">elf [elf]<br />小精灵, 矮人, 淘气鬼, 恶作剧的人, 恶人</p>
			<p class="content"><span class="word-decorator simple">简单</span> <span class="word-decorator plus">+</span> <span class="word-decorator agile">灵巧</span> <span class="word-decorator plus">+</span> <span class="word-decorator free">自由</span> <span class="word-decorator equal">=</span> <span class="word-decorator result">愉悦的开发！</span></p>
			<p class="support">
				<label>浏览器支持</label>
				<img src="assets/img/icon-ie.png" alt="IE" title="IE 6+" />
				<img src="assets/img/icon-firefox.png" alt="Firefox" title="Firefox 2+" />
				<img src="assets/img/icon-chrome.png" alt="Chrome" title="Chrome 9+" />
				<img src="assets/img/icon-safari.png" alt="Safari" title="Safari 4+" />
				<img src="assets/img/icon-opera.png" alt="Opera" title="Opera 9+" />
			</p>
		</div>
	</div>
	<div class="layout-aside">
		<h3></h3>
		<p class="download-switch"><label for="DownloadMinifiedRadio"><input type="radio" name="downloadSwitch" id="DownloadMinifiedRadio" value="{{ site.download.base }}elf-{{ site.release.latest.version }}{{ site.download.type.min.suffix }}" checked />下载压缩版本</label> <label for="DownloadSourceRadio"><input type="radio" name="downloadSwitch" id="DownloadSourceRadio" value="{{ site.download.base }}elf-{{ site.release.latest.version }}{{ site.download.type.src.suffix }}" />下载源码</label></p>
		<p class="download-button"><a href="{{ site.download.base }}elf-{{ site.release.latest.version }}{{ site.download.type.min.suffix }}" id="DownloadButton" class="button green">Download</a> 或 <a href="{{ site.links.builder.url }}">自由定制打包</a></p>
		<p class="version">当前版本：<strong><a href="/downloads/#{{ site.release.latest.version }}">{{ site.release.latest.version }}</a></strong> | <a href="/downloads/">查看所有版本</a></p>
		<p class="license"></p>
	</div>
</div>
<div id="Products">
	<ul>
		<li id="Jslib" class="product">
			<div class="item-icon"><img src="/assets/img/jslib-icon.png" /></div>
			<div class="content-block">
				<h4>JavaScript Library</h4>
				<p>jslib是elf+js的核心项目，按照Java包命名的结构提供了大量的常规工具，诸如类管理、DOM操作、Ajax处理、动画效果、文本处理等。</p>
			</div>
		</li>
		<li id="Elfjs" class="product">
			<div class="item-icon"><img src="/assets/img/elfjs-icon.png" /></div>
			<div class="content-block">
				<h4>elf+js</h4>
				<p>elf基于jslib的功能，为开发人员愉悦的书写代码而设计。大量常用功能的快捷书写形式能给你带来和jQuery一样飞一般的享受！</p>
			</div>
		</li>
		<li id="Builder" class="product">
			<div class="item-icon"><img src="/assets/img/packer-icon.png" /></div>
			<div class="content-block">
				<h4>jslib-builder</h4>
				<p>jslib-builder是一个基于一种注释语法的基础库打包器。使用jslib-builder可以方便的定制属于你自己的JavaScript基础库。</p>
			</div>
		</li>
	</ul>
</div>