?? assets.md.svn-base
字號:
Hash: Assets {#Assets}
=======================
提供在頁面中動態(tài)加載和管理JavaScript, CSS和圖片文件的功能
Assets 方法: javascript {#Assets:javascript}
----------------------------------------------
向頁面的head內(nèi)注入一個script標簽, 并指定它的src
### 語法:
var myScript = Asset.javascript(source[, properties]);
### 參數(shù):
1. source - (*string*) JavaScript文件的路徑
2. properties - (*object*, 可選項) 其他用于附加script標簽上的屬性
### 返回值:
* (*element*) script元素
### 示例:
var myScript = new Asset.javascript('/scripts/myScript.js', {id: 'myScript'});
Assets 方法: css {#Assets:css}
--------------------------------
向頁面中注入一個css樣式文件
### 語法:
var myCSS = new Asset.css(source[, properties]);
### 參數(shù):
1. source - (*string*) CSS文件的路徑
2. properties - (*object*) 其他附加到link標簽上的屬性
### 返回值:
* (*element*) link元素
### 示例:
var myCSS = new Asset.css('/css/myStyle.css', {
id: 'myStyle',
title: 'myStyle'
});
Assets 方法: image {#Assets:image}
------------------------------------
預加載一個圖片文件
### 語法:
var myImage = new Asset.image(source[, properties]);
### 參數(shù):
1. source - (*string*) 圖片路徑
2. properties - (*object*) 其他附加到img標簽上的屬性, 以及三個事件屬性: onload/onerror/onabout
### 返回值:
* (*element*) img元素
### 示例:
var myImage = new Asset.image('/images/myImage.png', {
id: 'myImage',
title: 'myImage',
onload: myFunction
});
### 備注:
- 加載的圖片只是在內(nèi)存中, 并未注入到頁面DOM中
- 注意: 不要在該方法返回的元素上使用addEvent來添加load/error/abort事件, 而應在properties參數(shù)中指定onload/onerror/onabort屬性
Assets 方法: images {#Assets:images}
--------------------------------------
預加載一組圖片文件
### 語法:
var myImages = new Asset.images(source[, options]);
### 參數(shù):
1. sources - (*mixed*) 一個或一組代表圖片路徑的字符串
2. options - (*object*, 可選項) 參見下列可選項:
## 可選項:
### onComplete
* (*function*) 當所有圖片加載完成后觸發(fā)
#### 標識:
onComplete()
### onProgress
* (*function*) 每加載完一個圖片后觸發(fā)一次
#### 標識:
onProgress(counter, index)
#### 參數(shù):
1. counter - (*number*) 已加載完成的圖片數(shù)
2. index - (*number*) 當前正在加載的圖片索引號
#### 返回值:
* (*array*) [Elements][]
#### 示例:
var myImages = new Asset.images(['/images/myImage.png', '/images/myImage2.gif'], {
onComplete: function(){
alert('All images loaded!');
}
});
[Elements]: /Element/Element#Elements
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -