mirror of
https://github.com/microsoft/TypeScript.git
synced 2025-11-18 17:21:48 +00:00
Add snapshot of release-1.0.3 sources
This commit is contained in:
Mohamed Hegazy
@@ -0,0 +1,13 @@
|
||||
===== TypeScript Sample: JQuery Parallax Starfield =====
|
||||
|
||||
=== Overview ===
|
||||
|
||||
This sample shows a simple jQuery application in TypeScript using a jQuery TypeScript typing.
|
||||
|
||||
=== Usage ===
|
||||
|
||||
For best results, scroll the window using the scrollbar.
|
||||
|
||||
=== Running ===
|
||||
tsc --target ES5 parallax.ts
|
||||
start parallax.html
|
||||
Vendored
+703
@@ -0,0 +1,703 @@
|
||||
/* *****************************************************************************
|
||||
Copyright (c) Microsoft Corporation. All rights reserved.
|
||||
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
|
||||
this file except in compliance with the License. You may obtain a copy of the
|
||||
License at http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||||
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
|
||||
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
|
||||
MERCHANTABLITY OR NON-INFRINGEMENT.
|
||||
|
||||
See the Apache Version 2.0 License for specific language governing permissions
|
||||
and limitations under the License.
|
||||
***************************************************************************** */
|
||||
|
||||
// Typing for the jQuery library, version 1.10
|
||||
|
||||
/*
|
||||
Interface for the AJAX setting that will configure the AJAX request
|
||||
*/
|
||||
interface JQueryAjaxSettings {
|
||||
accepts?: any;
|
||||
async?: boolean;
|
||||
beforeSend? (jqXHR: JQueryXHR, settings: JQueryAjaxSettings): any;
|
||||
cache?: boolean;
|
||||
complete? (jqXHR: JQueryXHR, textStatus: string): any;
|
||||
contents?: { [key: string]: any; };
|
||||
contentType?: any;
|
||||
context?: any;
|
||||
converters?: { [key: string]: any; };
|
||||
crossDomain?: boolean;
|
||||
data?: any;
|
||||
dataFilter? (data: any, ty: any): any;
|
||||
dataType?: string;
|
||||
error? (jqXHR: JQueryXHR, textStatus: string, errorThrow: string): any;
|
||||
global?: boolean;
|
||||
headers?: { [key: string]: any; };
|
||||
ifModified?: boolean;
|
||||
isLocal?: boolean;
|
||||
jsonp?: string;
|
||||
jsonpCallback?: any;
|
||||
mimeType?: string;
|
||||
password?: string;
|
||||
processData?: boolean;
|
||||
scriptCharset?: string;
|
||||
statusCode?: { [key: string]: any; };
|
||||
success? (data: any, textStatus: string, jqXHR: JQueryXHR): any;
|
||||
timeout?: number;
|
||||
traditional?: boolean;
|
||||
type?: string;
|
||||
url?: string;
|
||||
username?: string;
|
||||
xhr?: any;
|
||||
xhrFields?: { [key: string]: any; };
|
||||
}
|
||||
|
||||
/*
|
||||
Interface for the jqXHR object
|
||||
*/
|
||||
interface JQueryXHR extends XMLHttpRequest {
|
||||
overrideMimeType(): any;
|
||||
}
|
||||
|
||||
/*
|
||||
Interface for the JQuery callback
|
||||
*/
|
||||
interface JQueryCallback {
|
||||
add(...callbacks: any[]): any;
|
||||
disable(): any;
|
||||
empty(): any;
|
||||
fire(...arguments: any[]): any;
|
||||
fired(): boolean;
|
||||
fireWith(context: any, ...args: any[]): any;
|
||||
has(callback: any): boolean;
|
||||
lock(): any;
|
||||
locked(): boolean;
|
||||
removed(...callbacks: any[]): any;
|
||||
}
|
||||
|
||||
/*
|
||||
Interface for the JQuery promise, part of callbacks
|
||||
*/
|
||||
interface JQueryPromise {
|
||||
always(...alwaysCallbacks: any[]): JQueryDeferred;
|
||||
done(...doneCallbacks: any[]): JQueryDeferred;
|
||||
fail(...failCallbacks: any[]): JQueryDeferred;
|
||||
pipe(doneFilter?: (x: any) => any, failFilter?: (x: any) => any, progressFilter?: (x: any) => any): JQueryPromise;
|
||||
then(doneCallbacks: any, failCallbacks: any, progressCallbacks?: any): JQueryDeferred;
|
||||
}
|
||||
|
||||
/*
|
||||
Interface for the JQuery deferred, part of callbacks
|
||||
*/
|
||||
interface JQueryDeferred extends JQueryPromise {
|
||||
notify(...args: any[]): JQueryDeferred;
|
||||
notifyWith(context: any, ...args: any[]): JQueryDeferred;
|
||||
|
||||
progress(...progressCallbacks: any[]): JQueryDeferred;
|
||||
reject(...args: any[]): JQueryDeferred;
|
||||
rejectWith(context: any, ...args: any[]): JQueryDeferred;
|
||||
resolve(...args: any[]): JQueryDeferred;
|
||||
resolveWith(context: any, ...args: any[]): JQueryDeferred;
|
||||
state(): string;
|
||||
then(doneCallbacks: any, failCallbacks?: any, progressCallbacks?: any): JQueryDeferred;
|
||||
}
|
||||
|
||||
/*
|
||||
Interface of the JQuery extension of the W3C event object
|
||||
*/
|
||||
interface JQueryEventObject extends Event {
|
||||
data: any;
|
||||
delegateTarget: Element;
|
||||
isDefaultPrevented(): boolean;
|
||||
isImmediatePropogationStopped(): boolean;
|
||||
isPropogationStopped(): boolean;
|
||||
namespace: string;
|
||||
preventDefault(): any;
|
||||
relatedTarget: Element;
|
||||
result: any;
|
||||
stopImmediatePropagation(): void;
|
||||
stopPropagation(): void;
|
||||
pageX: number;
|
||||
pageY: number;
|
||||
which: number;
|
||||
metaKey: any;
|
||||
}
|
||||
|
||||
/*
|
||||
Collection of properties of the current browser
|
||||
*/
|
||||
interface JQueryBrowserInfo {
|
||||
safari: boolean;
|
||||
opera: boolean;
|
||||
msie: boolean;
|
||||
mozilla: boolean;
|
||||
version: string;
|
||||
}
|
||||
|
||||
interface JQuerySupport {
|
||||
ajax?: boolean;
|
||||
boxModel?: boolean;
|
||||
changeBubbles?: boolean;
|
||||
checkClone?: boolean;
|
||||
checkOn?: boolean;
|
||||
cors?: boolean;
|
||||
cssFloat?: boolean;
|
||||
hrefNormalized?: boolean;
|
||||
htmlSerialize?: boolean;
|
||||
leadingWhitespace?: boolean;
|
||||
noCloneChecked?: boolean;
|
||||
noCloneEvent?: boolean;
|
||||
opacity?: boolean;
|
||||
optDisabled?: boolean;
|
||||
optSelected?: boolean;
|
||||
scriptEval? (): boolean;
|
||||
style?: boolean;
|
||||
submitBubbles?: boolean;
|
||||
tbody?: boolean;
|
||||
}
|
||||
|
||||
interface JQueryTransport {
|
||||
send(headers: { [index: string]: string; }, completeCallback: (status: number, statusText: string, responses: { [dataType: string]: any; }, headers: string) => void): void;
|
||||
abort(): void;
|
||||
}
|
||||
|
||||
/*
|
||||
Static members of jQuery (those on $ and jQuery themselves)
|
||||
*/
|
||||
interface JQueryStatic {
|
||||
|
||||
// AJAX
|
||||
ajax(settings: JQueryAjaxSettings): JQueryXHR;
|
||||
ajax(url: string, settings: JQueryAjaxSettings): JQueryXHR;
|
||||
|
||||
ajaxPrefilter(handler: (opts: any, originalOpts: any, jqXHR: JQueryXHR) => any): any;
|
||||
ajaxPrefilter(dataTypes: string, handler: (opts: any, originalOpts: any, jqXHR: JQueryXHR) => any): any;
|
||||
|
||||
ajaxSetup(options: any): void;
|
||||
ajaxTransport(dataType: string, handler: (options: JQueryAjaxSettings, originalOptions: JQueryAjaxSettings, jqXHR: JQueryXHR) => JQueryTransport): void;
|
||||
|
||||
get(url: string, data?: any, success?: any, dataType?: any): JQueryXHR;
|
||||
getJSON(url: string, data?: any, success?: any): JQueryXHR;
|
||||
getScript(url: string, success?: any): JQueryXHR;
|
||||
|
||||
param(obj: any): string;
|
||||
param(obj: any, traditional: boolean): string;
|
||||
|
||||
post(url: string, data?: any, success?: any, dataType?: any): JQueryXHR;
|
||||
|
||||
// Callbacks
|
||||
Callbacks(flags: any): JQueryCallback;
|
||||
|
||||
// Core
|
||||
holdReady(hold: boolean): any;
|
||||
|
||||
(): JQuery;
|
||||
(selector: string, context?: any): JQuery;
|
||||
(element: Element): JQuery;
|
||||
(elementArray: Element[]): JQuery;
|
||||
(object: JQuery): JQuery;
|
||||
(func: Function): JQuery;
|
||||
(object: {}): JQuery;
|
||||
|
||||
noConflict(removeAll?: boolean): Object;
|
||||
|
||||
when(...deferreds: any[]): JQueryPromise;
|
||||
|
||||
// CSS
|
||||
css(e: any, propertyName: string, value?: any): any;
|
||||
css(e: any, propertyName: any, value?: any): any;
|
||||
cssHooks: { [key: string]: any; };
|
||||
|
||||
// Data
|
||||
data(element: Element, key: string, value: any): Object;
|
||||
|
||||
dequeue(element: Element, queueName?: string): any;
|
||||
|
||||
hasData(element: Element): boolean;
|
||||
|
||||
queue(element: Element, queueName?: string): any[];
|
||||
queue(element: Element, queueName: string, newQueueOrCallback: any): JQuery;
|
||||
|
||||
removeData(element: Element, name?: string): JQuery;
|
||||
|
||||
// Deferred
|
||||
Deferred(beforeStart?: (deferred: JQueryDeferred) => any): JQueryDeferred;
|
||||
|
||||
// Effects
|
||||
fx: { tick: () => void; interval: number; stop: () => void; speeds: { slow: number; fast: number; }; off: boolean; step: any; };
|
||||
|
||||
// Events
|
||||
proxy(func: Function, context: any): any;
|
||||
proxy(context: any, name: string): any;
|
||||
|
||||
// Internals
|
||||
error(message: any): void;
|
||||
|
||||
// Miscellaneous
|
||||
expr: any;
|
||||
fn: any; //TODO: Decide how we want to type this
|
||||
isReady: boolean;
|
||||
|
||||
// Properties
|
||||
browser: JQueryBrowserInfo;
|
||||
support: JQuerySupport;
|
||||
|
||||
// Utilities
|
||||
contains(container: Element, contained: Element): boolean;
|
||||
|
||||
each(collection: any, callback: (indexInArray: any, valueOfElement: any) => any): any;
|
||||
|
||||
extend(deep: boolean, target: any, ...objs: any[]): Object;
|
||||
extend(target: any, ...objs: any[]): Object;
|
||||
|
||||
globalEval(code: string): any;
|
||||
|
||||
grep(array: any[], func: any, invert: boolean): any[];
|
||||
|
||||
inArray(value: any, array: any[], fromIndex?: number): number;
|
||||
|
||||
isArray(obj: any): boolean;
|
||||
isEmptyObject(obj: any): boolean;
|
||||
isFunction(obj: any): boolean;
|
||||
isNumeric(value: any): boolean;
|
||||
isPlainObject(obj: any): boolean;
|
||||
isWindow(obj: any): boolean;
|
||||
isXMLDoc(node: Node): boolean;
|
||||
|
||||
makeArray(obj: any): any[];
|
||||
|
||||
map(array: any[], callback: (elementOfArray: any, indexInArray: any) => any): any[];
|
||||
|
||||
merge(first: any[], second: any[]): any[];
|
||||
|
||||
noop(): any;
|
||||
|
||||
now(): number;
|
||||
|
||||
parseHTML(data: string, context?: Element, keepScripts?: boolean): any[];
|
||||
parseJSON(json: string): any;
|
||||
|
||||
//FIXME: This should return an XMLDocument
|
||||
parseXML(data: string): any;
|
||||
|
||||
queue(element: Element, queueName: string, newQueue: any[]): JQuery;
|
||||
|
||||
trim(str: string): string;
|
||||
|
||||
type(obj: any): string;
|
||||
|
||||
unique(arr: any[]): any[];
|
||||
}
|
||||
|
||||
/*
|
||||
The jQuery instance members
|
||||
*/
|
||||
interface JQuery {
|
||||
// AJAX
|
||||
ajaxComplete(handler: any): JQuery;
|
||||
ajaxError(handler: (evt: any, xhr: any, opts: any) => any): JQuery;
|
||||
ajaxSend(handler: (evt: any, xhr: any, opts: any) => any): JQuery;
|
||||
ajaxStart(handler: () => any): JQuery;
|
||||
ajaxStop(handler: () => any): JQuery;
|
||||
ajaxSuccess(handler: (evt: any, xml: any, opts: any) => any): JQuery;
|
||||
|
||||
serialize(): string;
|
||||
serializeArray(): any[];
|
||||
|
||||
// Attributes
|
||||
addClass(classNames: string): JQuery;
|
||||
addClass(func: (index: any, currentClass: any) => JQuery): JQuery;
|
||||
|
||||
attr(attributeName: string): string;
|
||||
attr(attributeName: string, func: (index: any, attr: any) => any): JQuery;
|
||||
attr(attributeName: string, value: any): JQuery;
|
||||
attr(map: { [key: string]: any; }): JQuery;
|
||||
|
||||
hasClass(className: string): boolean;
|
||||
|
||||
html(): string;
|
||||
html(htmlString: string): JQuery;
|
||||
|
||||
prop(propertyName: string): any;
|
||||
prop(propertyName: string, func: (index: any, oldPropertyValue: any) => any): JQuery;
|
||||
prop(propertyName: string, value: any): JQuery;
|
||||
prop(map: any): JQuery;
|
||||
|
||||
removeAttr(attributeName: any): JQuery;
|
||||
|
||||
removeClass(func: (index: any, cls: any) => any): JQuery;
|
||||
removeClass(className?: string): JQuery;
|
||||
|
||||
removeProp(propertyName: any): JQuery;
|
||||
|
||||
toggleClass(func: (index: any, cls: any, swtch: any) => any): JQuery;
|
||||
toggleClass(swtch?: boolean): JQuery;
|
||||
toggleClass(className: any, swtch?: boolean): JQuery;
|
||||
|
||||
val(): any;
|
||||
val(value: string[]): JQuery;
|
||||
val(value: string): JQuery;
|
||||
val(func: (index: any, value: any) => any): JQuery;
|
||||
|
||||
// CSS
|
||||
css(propertyNames: any[]): string;
|
||||
css(propertyName: string): string;
|
||||
css(propertyName: string, value: any): JQuery;
|
||||
css(propertyName: any, value?: any): JQuery;
|
||||
|
||||
height(): number;
|
||||
height(value: number): JQuery;
|
||||
height(func: (index: any, height: any) => any): JQuery;
|
||||
|
||||
innerHeight(): number;
|
||||
innerWidth(): number;
|
||||
|
||||
offset(): { top: number; left: number; };
|
||||
offset(func: (index: any, coords: any) => any): JQuery;
|
||||
offset(coordinates: any): JQuery;
|
||||
|
||||
outerHeight(includeMargin?: boolean): number;
|
||||
outerWidth(includeMargin?: boolean): number;
|
||||
|
||||
position(): { top: number; left: number; };
|
||||
|
||||
scrollLeft(): number;
|
||||
scrollLeft(value: number): JQuery;
|
||||
|
||||
scrollTop(): number;
|
||||
scrollTop(value: number): JQuery;
|
||||
|
||||
width(): number;
|
||||
width(value: number): JQuery;
|
||||
width(func: (index: any, height: any) => any): JQuery;
|
||||
|
||||
// Data
|
||||
clearQueue(queueName?: string): JQuery;
|
||||
|
||||
data(key: string, value: any): JQuery;
|
||||
data(obj: { [key: string]: any; }): JQuery;
|
||||
data(key?: string): any;
|
||||
|
||||
dequeue(queueName?: string): JQuery;
|
||||
|
||||
queue(queueName?: string): any[];
|
||||
queue(queueName: string, newQueueOrCallback: any): JQuery;
|
||||
queue(newQueueOrCallback: any): JQuery;
|
||||
|
||||
removeData(nameOrList?: any): JQuery;
|
||||
|
||||
// Deferred
|
||||
promise(type?: any, target?: any): JQueryPromise;
|
||||
|
||||
// Effects
|
||||
animate(properties: any, options: { duration?: any; easing?: string; complete?: Function; step?: Function; queue?: boolean; specialEasing?: any; }): JQuery;
|
||||
animate(properties: any, duration?: any, easing?: "linear", complete?: Function): JQuery;
|
||||
animate(properties: any, duration?: any, easing?: "swing", complete?: Function): JQuery;
|
||||
animate(properties: any, duration?: any, easing?: string, complete?: Function): JQuery;
|
||||
|
||||
delay(duration: number, queueName?: string): JQuery;
|
||||
|
||||
fadeIn(duration?: any, easing?: "linear", complete?: Function): JQuery;
|
||||
fadeIn(duration?: any, easing?: "swing", complete?: Function): JQuery;
|
||||
fadeIn(duration?: any, easing?: string, complete?: Function): JQuery;
|
||||
fadeIn(duration?: any, complete?: Function): JQuery;
|
||||
|
||||
|
||||
fadeOut(duration?: any, easing?: "linear", complete?: Function): JQuery;
|
||||
fadeOut(duration?: any, easing?: "swing", complete?: Function): JQuery;
|
||||
fadeOut(duration?: any, easing?: string, complete?: Function): JQuery;
|
||||
fadeOut(duration?: any, complete?: any): JQuery;
|
||||
|
||||
fadeTo(duration: any, opacity: number, easing?: "linear", complete?: Function): JQuery;
|
||||
fadeTo(duration: any, opacity: number, easing?: "swing", complete?: Function): JQuery;
|
||||
fadeTo(duration: any, opacity: number, easing?: string, complete?: Function): JQuery;
|
||||
fadeTo(duration: any, opacity: number, complete?: Function): JQuery;
|
||||
|
||||
fadeToggle(duration?: any, easing?: "linear", complete?: Function): JQuery;
|
||||
fadeToggle(duration?: any, easing?: "swing", complete?: Function): JQuery;
|
||||
fadeToggle(duration?: any, easing?: string, complete?: Function): JQuery;
|
||||
|
||||
finish(queue?: string): JQuery;
|
||||
|
||||
hide(duration?: any, easing?: "linear", callback?: Function): JQuery;
|
||||
hide(duration?: any, easing?: "swing", callback?: Function): JQuery;
|
||||
hide(duration?: any, easing?: string, callback?: Function): JQuery;
|
||||
hide(duration?: any, callback?: Function): JQuery;
|
||||
|
||||
show(duration?: any, easing?: "linear", complete?: Function): JQuery;
|
||||
show(duration?: any, easing?: "swing", complete?: Function): JQuery;
|
||||
show(duration?: any, easing?: string, complete?: Function): JQuery;
|
||||
show(duration?: any, complete?: Function): JQuery;
|
||||
|
||||
slideDown(duration?: any, easing?: "linear", complete?: Function): JQuery;
|
||||
slideDown(duration?: any, easing?: "swing", complete?: Function): JQuery;
|
||||
slideDown(duration?: any, easing?: string, complete?: Function): JQuery;
|
||||
slideDown(duration?: any, complete?: Function): JQuery;
|
||||
|
||||
slideToggle(duration?: any, easing?: "linear", complete?: Function): JQuery;
|
||||
slideToggle(duration?: any, easing?: "swing", complete?: Function): JQuery;
|
||||
slideToggle(duration?: any, easing?: string, complete?: Function): JQuery;
|
||||
slideToggle(duration?: any, complete?: Function): JQuery;
|
||||
|
||||
slideUp(duration?: any, easing?: "linear", complete?: Function): JQuery;
|
||||
slideUp(duration?: any, easing?: "swing", complete?: Function): JQuery;
|
||||
slideUp(duration?: any, easing?: string, complete?: Function): JQuery;
|
||||
slideUp(duration?: any, complete?: Function): JQuery;
|
||||
|
||||
stop(clearQueue?: boolean, jumpToEnd?: boolean): JQuery;
|
||||
stop(queue?: any, clearQueue?: boolean, jumpToEnd?: boolean): JQuery;
|
||||
|
||||
toggle(showOrHide: boolean): JQuery;
|
||||
toggle(duration?: any, easing?: "linear", complete?: Function): JQuery;
|
||||
toggle(duration?: any, easing?: "swing", complete?: Function): JQuery;
|
||||
toggle(duration?: any, easing?: string, complete?: Function): JQuery;
|
||||
toggle(duration?: any, complete?: Function): JQuery;
|
||||
|
||||
// Events
|
||||
bind(eventType: string, preventBubble: boolean): JQuery;
|
||||
bind(eventType: string, eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
bind(eventType: string, eventData: any, preventBubble: boolean): JQuery;
|
||||
bind(...events: any[]): JQuery;
|
||||
|
||||
blur(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
blur(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
change(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
change(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
click(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
click(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
dblclick(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
dblclick(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
delegate(selector: any, eventType: string, handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
focus(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
focus(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
focusin(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
focusin(eventData: any, handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
focusout(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
focusout(eventData: any, handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
hover(handlerIn: (eventObject: JQueryEventObject) => any, handlerOut: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
hover(handlerInOut: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
keydown(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
keydown(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
keypress(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
keypress(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
keyup(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
keyup(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
mousedown(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
mousedown(eventData: any, handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
mouseevent(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
mouseevent(eventData: any, handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
mouseenter(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
mouseenter(eventData: any, handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
mouseleave(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
mouseleave(eventData: any, handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
mousemove(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
mousemove(eventData: any, handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
mouseout(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
mouseout(eventData: any, handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
mouseover(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
mouseover(eventData: any, handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
mouseup(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
mouseup(eventData: any, handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
off(events?: string, selector?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
off(eventsMap: { [key: string]: any; }, selector?: any): JQuery;
|
||||
|
||||
on(events: string, selector?: any, data?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
on(eventsMap: { [key: string]: any; }, selector?: any, data?: any): JQuery;
|
||||
|
||||
one(events: string, selector?: any, data?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
one(eventsMap: { [key: string]: any; }, selector?: any, data?: any): JQuery;
|
||||
|
||||
ready(handler: any): JQuery;
|
||||
|
||||
resize(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
resize(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
scroll(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
scroll(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
select(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
select(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
submit(handler: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
submit(eventData?: any, handler?: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
|
||||
trigger(eventType: string, ...extraParameters: any[]): JQuery;
|
||||
trigger(event: JQueryEventObject): JQuery;
|
||||
|
||||
triggerHandler(eventType: string, ...extraParameters: any[]): Object;
|
||||
|
||||
unbind(eventType?: string, handler?: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
unbind(eventType: string, fls: boolean): JQuery;
|
||||
unbind(evt: any): JQuery;
|
||||
|
||||
undelegate(): JQuery;
|
||||
undelegate(selector: any, eventType: string, handler?: (eventObject: JQueryEventObject) => any): JQuery;
|
||||
undelegate(selector: any, events: any): JQuery;
|
||||
undelegate(namespace: string): JQuery;
|
||||
|
||||
// Internals
|
||||
context: Element;
|
||||
jquery: string;
|
||||
pushStack(elements: any[]): JQuery;
|
||||
pushStack(elements: any[], name: any, arguments: any): JQuery;
|
||||
|
||||
// Manipulation
|
||||
after(func: (index: any) => any): JQuery;
|
||||
after(...content: any[]): JQuery;
|
||||
|
||||
append(func: (index: any, html: any) => any): JQuery;
|
||||
append(...content: any[]): JQuery;
|
||||
|
||||
appendTo(target: any): JQuery;
|
||||
|
||||
before(func: (index: any) => any): JQuery;
|
||||
before(...content: any[]): JQuery;
|
||||
|
||||
clone(withDataAndEvents?: boolean, deepWithDataAndEvents?: boolean): JQuery;
|
||||
|
||||
detach(selector?: any): JQuery;
|
||||
|
||||
empty(): JQuery;
|
||||
|
||||
insertAfter(target: any): JQuery;
|
||||
insertBefore(target: any): JQuery;
|
||||
|
||||
prepend(func: (index: any, html: any) => any): JQuery;
|
||||
prepend(...content: any[]): JQuery;
|
||||
|
||||
prependTo(target: any): JQuery;
|
||||
|
||||
remove(selector?: any): JQuery;
|
||||
|
||||
replaceAll(target: any): JQuery;
|
||||
|
||||
replaceWith(func: any): JQuery;
|
||||
|
||||
text(textString: string): JQuery;
|
||||
text(): string;
|
||||
|
||||
toArray(): any[];
|
||||
|
||||
unwrap(): JQuery;
|
||||
|
||||
wrap(func: (index: any) => any): JQuery;
|
||||
wrap(wrappingElement: any): JQuery;
|
||||
|
||||
wrapAll(wrappingElement: any): JQuery;
|
||||
|
||||
wrapInner(func: (index: any) => any): JQuery;
|
||||
wrapInner(wrappingElement: any): JQuery;
|
||||
|
||||
// Miscellaneous
|
||||
each(func: (index: any, elem: Element) => any): JQuery;
|
||||
|
||||
get(index?: number): any;
|
||||
|
||||
index(selectorOrElement?: any): number;
|
||||
|
||||
// Properties
|
||||
length: number;
|
||||
[x: number]: HTMLElement;
|
||||
|
||||
// Traversing
|
||||
add(selector: string, context?: any): JQuery;
|
||||
add(html: string): JQuery;
|
||||
add(obj: JQuery): JQuery;
|
||||
add(...elements: any[]): JQuery;
|
||||
|
||||
addBack(selector?: any): JQuery;
|
||||
|
||||
children(selector?: any): JQuery;
|
||||
|
||||
closest(selector: string): JQuery;
|
||||
closest(selector: string, context?: Element): JQuery;
|
||||
closest(obj: JQuery): JQuery;
|
||||
closest(element: any): JQuery;
|
||||
closest(selectors: any, context?: Element): any[];
|
||||
|
||||
contents(): JQuery;
|
||||
|
||||
end(): JQuery;
|
||||
|
||||
eq(index: number): JQuery;
|
||||
|
||||
filter(selector: string): JQuery;
|
||||
filter(func: (index: any) => any): JQuery;
|
||||
filter(obj: JQuery): JQuery;
|
||||
filter(element: any): JQuery;
|
||||
|
||||
find(selector: string): JQuery;
|
||||
find(element: any): JQuery;
|
||||
find(obj: JQuery): JQuery;
|
||||
|
||||
first(): JQuery;
|
||||
|
||||
has(selector: string): JQuery;
|
||||
has(contained: Element): JQuery;
|
||||
|
||||
is(selector: string): boolean;
|
||||
is(func: (index: any) => any): boolean;
|
||||
is(obj: JQuery): boolean;
|
||||
is(element: any): boolean;
|
||||
|
||||
last(): JQuery;
|
||||
|
||||
map(callback: (index: any, domElement: Element) => any): JQuery;
|
||||
|
||||
next(selector?: string): JQuery;
|
||||
|
||||
nextAll(selector?: string): JQuery;
|
||||
|
||||
nextUntil(selector?: string, filter?: string): JQuery;
|
||||
nextUntil(element?: Element, filter?: string): JQuery;
|
||||
|
||||
not(selector: string): JQuery;
|
||||
not(func: (index: any) => any): JQuery;
|
||||
not(obj: JQuery): JQuery;
|
||||
not(element: any): JQuery;
|
||||
|
||||
offsetParent(): JQuery;
|
||||
|
||||
parent(selector?: string): JQuery;
|
||||
|
||||
parents(selector?: string): JQuery;
|
||||
|
||||
parentsUntil(selector?: string, filter?: string): JQuery;
|
||||
parentsUntil(element?: Element, filter?: string): JQuery;
|
||||
|
||||
prev(selector?: string): JQuery;
|
||||
|
||||
prevAll(selector?: string): JQuery;
|
||||
|
||||
prevUntil(selector?: string, filter?: string): JQuery;
|
||||
prevUntil(element?: Element, filter?: string): JQuery;
|
||||
|
||||
siblings(selector?: string): JQuery;
|
||||
|
||||
slice(start: number, end?: number): JQuery;
|
||||
}
|
||||
|
||||
declare var jQuery: JQueryStatic;
|
||||
declare var $: JQueryStatic;
|
||||
@@ -0,0 +1,98 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title></title>
|
||||
<style type="text/css">
|
||||
#plaxHost {
|
||||
height: 2000px;
|
||||
background-color: Black;
|
||||
}
|
||||
|
||||
#plaxHost div {
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
#plax1 {
|
||||
position: fixed;
|
||||
color:White;
|
||||
height: 2000px;
|
||||
background-image: url(starfield2.png);
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#plax2 {
|
||||
position: fixed;
|
||||
height: 2000px;
|
||||
background-image: url(starfield.png);
|
||||
background-position: 1087px 0;
|
||||
top: 0;
|
||||
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#plax3 {
|
||||
position: fixed;
|
||||
height: 2000px;
|
||||
background-position: 577px 0;
|
||||
background-image: url(starfield.png);
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
#plax4 {
|
||||
position: fixed;
|
||||
height: 2000px;
|
||||
background-position: 337px 0;
|
||||
background-image: url(starfield.png);
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
#plax5 {
|
||||
position: fixed;
|
||||
height: 2000px;
|
||||
background-position: 145px 0;
|
||||
background-image: url(starfield.png);
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="plaxHost">
|
||||
<div id="plax1">
|
||||
|
||||
</div>
|
||||
<div id="plax2">
|
||||
|
||||
</div>
|
||||
<div id="plax3">
|
||||
|
||||
</div>
|
||||
<div id="plax4">
|
||||
|
||||
</div>
|
||||
<div id="plax5">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.1.min.js"></script>
|
||||
<script type="text/javascript" src="parallax.js"></script>
|
||||
<script type="text/javascript">
|
||||
var p = new Parallax.ParallaxContainer(window, 0.7);
|
||||
for (i = 1; i <= 5; ++i) {
|
||||
var star_layer = new Parallax.ParallaxSurface(document.querySelector('#plax' + i));
|
||||
p.addSurface(star_layer);
|
||||
}
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,58 @@
|
||||
/// <reference path="jquery.d.ts" />
|
||||
|
||||
module Parallax {
|
||||
export class ParallaxContainer {
|
||||
private content: HTMLElement;
|
||||
private perspective: number;
|
||||
private surface: ParallaxSurface[];
|
||||
|
||||
/**
|
||||
* Creates a Container for a Parallax
|
||||
*
|
||||
* @param {HTMLElement} scrollableContent The container that will be parallaxed
|
||||
* @param {perspective} perspective The ratio of how much back content should be scroleld relative to forward content. For example, if this value is 0.5, and there are 2 surfaces,
|
||||
* the front-most surface would be scrolled normally, and the surface behind it would be scrolled half as much.
|
||||
*/
|
||||
constructor(scrollableContent: HTMLElement,
|
||||
perspective: number) {
|
||||
this.perspective = perspective;
|
||||
this.surface = [];
|
||||
this.content = scrollableContent;
|
||||
|
||||
$(scrollableContent).scroll((event: JQueryEventObject) => {
|
||||
this.onContainerScroll(event);
|
||||
});
|
||||
}
|
||||
|
||||
private onContainerScroll(e: JQueryEventObject): void {
|
||||
var currentScrollPos = $(this.content).scrollTop();
|
||||
var currentParallax = 1;
|
||||
for (var i = 0; i < this.surface.length; i++) {
|
||||
var surface = this.surface[i];
|
||||
var offset = -(currentScrollPos * currentParallax);
|
||||
surface.currentY = offset;
|
||||
currentParallax *= this.perspective;
|
||||
}
|
||||
}
|
||||
|
||||
addSurface(surface: ParallaxSurface): void {
|
||||
this.surface.push(surface);
|
||||
}
|
||||
}
|
||||
|
||||
export class ParallaxSurface {
|
||||
private content: HTMLElement;
|
||||
|
||||
constructor(surfaceContents: HTMLElement) {
|
||||
this.content = surfaceContents;
|
||||
}
|
||||
|
||||
get currentY(): number {
|
||||
return -$(this.content).css('margin-top');
|
||||
}
|
||||
|
||||
set currentY(value: number) {
|
||||
$(this.content).css({ marginTop: value });
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Reference in New Issue
Block a user