»ðÐÇÈËдµÄjavascript½Å±¾
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Wanna tell her - interactive DHTML </title>
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
html {
overflow: hidden;
}
body {
position: absolute;
margin: 0px;
padding: 0px;
background: #fff;
width: 100%;
height: 100%;
}
#screen {
position: absolute;
left: 10%;
top: 10%;
width: 80%;
height: 80%;
background: #fff;
}
#screen img {
position: absolute;
cursor: pointer;
width: 0px;
height: 0px;
-ms-interpolation-mode:nearest-neighbor;
}
#bankImages {
visibility: hidden;
}
#FPS {
position: absolute;
right: 5px;
bottom: 5px;
font-size: 10px;
color: #666;
font-family: verdana;
}
</style>
<script type="text/javascript">
/* ==== Easing function ==== */
var Library = {};
Library.ease = function () {
this.target = 0;
this.position = 0;
this.move = function (target, speed) {
this.position += (target - this.position) * speed;
}
}
var tv = {
/* ==== variables ==== */
O : [],
fps : 0,
screen : {},
angle : {
x : new Library.ease(),
y : new Library.ease()
},
camera : {
x : new Library.ease(),
y : new Library.ease()
},
create3DHTML : function (i, x, y, z, sw, sh) {
/* ==== create HTML image element ==== */
var o = document.createElement('img');
o.src = i.src;
tv.screen.obj.appendChild(o);
/* ==== 3D coordinates ==== */
o.point3D = {
x : x,
y : y,
z : new Library.ease(),
sw : sw,
sh : sh,
w : i.width,
h : i.height
};
o.point3D.z.target = z;
/* ==== push object ==== */
o.point2D = {};
tv.O.push(o);
/* ==== on mouse over event ==== */
o.onmouseover = function () {
if (this != tv.o) {
this.point3D.z.target = tv.mouseZ;
tv.camera.x.target = this.point3D.x;
tv.camera.y.targ
Ïà¹ØÎĵµ£º
ÕâÀï²»ÊÇÖ¸µ÷Óüòµ¥µÄ PageMethod£¬ÒòΪ¾²Ì¬·½·¨ÊDz»ÄܲÙ×÷µ±Ç°Ò³ÃæµÄ¿Ø¼þµÄ£¬ËùÒÔ¾²Ì¬µÄ PageMethod ×÷Óþ͸úÆÕͨµÄ WebService Ò»Ñù£¬±È½Ï¾ÖÏÞ¡£
ÄÇô£¬µ÷ÓÃÒ»°ãµÄ·þÎñÆ÷¶Ë·½·¨£¬Æäʵ¾ÍÊÇ·¢ÆðÒ»¸öÒì²½»Øµ÷¡£×î¼òµ¥µÄʵÏÖ°ì·¨£¬ÊÇͨ¹ý UpdatePanel À´×ö¡£
Ê×Ïȶ¨ÒåÒ»¸öÒþ²ØµÄ LinkButton£¬ÔÚÆä´¦ÀíʼþÖУ¬È¥µ÷ÓÃÎÒÃÇÒªÖ ......
¶¨Òå
JavascriptÊÇÒ»ÖÖ½âÊÍÐԵ쬻ùÓÚ¶ÔÏóµÄ½Å±¾ÓïÑÔ(an interpreted, object-based scripting language)¡£
HTMLÍøÒ³ÔÚ»¥¶¯ÐÔ·½ÃæÄÜÁ¦½ÏÈõ£¬ÀýÈçÏÂÀ²Ëµ¥£¬¾ÍÊÇÓû§µã»÷ijһ²Ëµ¥Ïîʱ£¬×Ô¶¯»á³öÏָò˵¥ÏîµÄËùÓÐ×Ӳ˵¥£¬Óô¿HTMLÍøÒ³ÎÞ·¨ÊµÏÖ£»ÓÖÈçÑéÖ¤HTML±íµ¥(F ......
JavaScript ÊÇÒ»Öַdz£Áé»îµÄÃæÏò¶ÔÏó³ÌÐòÉè¼ÆÓïÑÔ£¬ËüÓ봫ͳµÄÇ¿ÀàÐ͵ÄÃæÏò¶ÔÏó³ÌÐòÉè¼ÆÓïÑÔ£¨Èç C++£¬Java£¬C# µÈ£©Óкܴó²»Í¬£¬ËùÒÔҪʵÏÖÈç C++¡¢java¡¢C# µ±ÖеÄÒ»Ð©ÌØÐÔ¾ÍÐèÒª»»Ò»ÖÖ˼¿¼·½Ê½À´½â¾ö¡£½ñÌìÖ÷ÒªÌÖÂÛÈçºÎÔÚ JavaScript ½Å±¾ÖÐʵÏÖÊý¾ÝµÄ·â×°£¨encapsulation£©¡£
Êý¾Ý·âװ˵µÄ¼òµ¥µã¾ÍÊǰѲ»Ï£Íûµ÷ÓÃÕß¿´ ......
Ç°ÃæÎÒÃÇÌÖÂÛÁËÈçºÎÔÚ JavaScript ÓïÑÔÖÐʵÏÖ¶Ô˽ÓÐʵÀý³ÉÔ±¡¢¹«ÓÐʵÀý³ÉÔ±¡¢Ë½Óо²Ì¬³ÉÔ±¡¢¹«Óо²Ì¬³ÉÔ±ºÍ¾²Ì¬ÀàµÄ·â×°¡£Õâ´ÎÎÒÃÇÀ´ÌÖÂÛÒ»ÏÂÃæÏò¶ÔÏó³ÌÐòÉè¼ÆÖеÄÁíÍâÁ½¸öÒªËØ£º¼Ì³ÐÓë¶à̬¡£
1 ÓÖÊǼ¸¸ö»ù±¾¸ÅÄî
ΪʲôҪ˵ÓÖÄØ£¿
ÔÚÌÖÂۼ̳Ðʱ£¬ÎÒÃÇÒѾÁгöÁËһЩ»ù±¾¸ÅÄîÁË£¬ÄÇЩ¸ÅÄîÊǸú·â×°ÃÜÇÐÏà¹ØµÄ¸ÅÄ½ñÌìÎ ......
1. jQuery tablesorter
http://tablesorter.com/docs/
2. Table sorting with Prototype
http://tetlaw.id.au/view/blog/table-sorting-with-prototype/
3. Sorttable
http://www.kryogenix.org/code/browser/sorttable/
4. Table Sorting Javascript
http://yoast.com/articles/sortable-table/
5. Sorting Tabl ......