Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

JavaScript ÑÕÉ«ÌݶȺͽ¥±äЧ¹û

ʵÀýЧ¹û
Ô¤ÀÀЧ¹û1£º
ÕâÊÇÒ»¸öÑÕÉ«Ìݶȱ仯ÑÝʾ£º
Ô¤ÀÀЧ¹û2£º
Ò»¸öÑÕÉ«½¥±äµÄ²Ëµ¥£º
Cropper
Tween
Slider
Resize
Drag
Ô¤ÀÀЧ¹û3£º
ÑÕÉ«½¥±äµÄÓÐȤӦÓ㬵ã»÷Ëæ»úÑÕÉ«½¥±ä£º
µã»÷Ëæ»ú»»ÑÕÉ«
³ÌÐò˵Ã÷
¡¾ColorGradsÑÕÉ«Ìݶȡ¿
³ÌÐòColorGradsµÄ×÷ÓÃÊÇͨ¹ýStartColorºÍEndColorÉú³ÉÑÕÉ«Ìݶȼ¯ºÏ¡£
ÑÕÉ«¶¼¿ÉÒÔÓúì(r)¡¢ÂÌ(g)¡¢À¶(b)Èý¸öÑÕÉ«À´±íʾ¡£
³ÌÐòÖÐÏÈͨ¹ýGetColor°ÑÒ»°ãµÄÑÕÉ«±íʾÐÎʽת»¯³ÉÒ»¸öÓúì(r)¡¢ÂÌ(g)¡¢À¶(b)Èý¸öÑÕɫֵ×÷ÔªËØµÄ¼¯ºÏ¡£
ÄǾÍÊ×ÏÈÒªÖªµÀÓÐʲôÑÕÉ«±íʾÐÎʽ£¬´Ów3cµÄColors²¿·Ö¿ÉÒÔÖªµÀÓÐÒÔÏÂÐÎʽ£º
¹Ø¼ü´Êģʽ£º
em { color: red }
RGBÑÕɫģʽ£º
em { color: #f00 }
em { color: #ff0000 }
em { color: rgb(255,0,0) }      
em { color: rgb(100%, 0%, 0%) } 
ÒÔÉ϶¼ÊDZíʾͬһÖÖÑÕÉ«£¨ºìÉ«£©¡£
»ñÈ¡ÑÕÉ«ÊôÐÔµÄÐÎʽÔÚieºÍff²¢²»Í¬£¬ffͳһ·µ»ØRGBÑÕɫģʽµÄµÚÈýÖÖÐÎʽ£¬ieÔò°´ÕÕÉèÖÃʱµÄÐÎʽ·µ»Ø¡£
ÏÈ˵˵RGBÑÕɫģʽ£¬Ç°Á½ÖֱȽϳ£ÓÃÓ¦¸Ã¶¼Ã÷°×ËûÃǵÄÇø±ð°É£¬ËüÓõÄÊÇ16½øÖƱíʾÐÎʽ£¬¶øÎÒÃÇÏëÒª10½øÖƵġ£
°ÑÒ»¸ö16½øÖƱíʾµÄ×Ö·ûת³É10½øÖÆÊý×Ö£¬Ò»°ãÓÃparseInt£¬ÔÚsubstr½ØÈ¡×Ö·ûÖ®ºó¾Í¿ÉÒÔÓÃparseIntת»»¡£
¶ÔÓÚ#ff0000Õâ¸öÐÎʽ¿ÉÒÔÕâÑùת»»£º
return Map([color.substr(1, 2), color.substr(3, 2), color.substr(5, 2)],
    function(x){ return parseInt(x, 16); }
)
parseIntµÄµÚ¶þ¸ö²ÎÊý¾ÍÊǵÚÒ»¸ö²ÎÊýµÄ½øÖÆÖµ¡£
¶ÔÓÚ#f00ÐÎʽ£¬¸úÉÏÒ»¸ö²î²»¶à£¬Ö»ÊÇת»»Ö®Ç°ÒªÏÈ»»³ÉÍêÕû±íʾÐÎʽ£º
return Map([color.substr(1, 1), color.substr(2, 1), color.substr(3, 1)],
    function(x){ return parseInt(x + x, 16); }
)
ºóÃæÁ½ÖÖ¿ÉÄÜÓõľͱȽÏÉÙÁË£¬Ò»¸öÓÃ10½øÖƵÄrgbÑÕɫֵ±íʾ£¬ÁíÒ»¸öÓðٷֱÈÀ´±íʾ¡£
ffÑϸñ°´ÕÕÄÇÑùµÄ¸ñʽÀ´±íʾ£¬¶øie¾Í“·ÅËÉ”ºÜ¶à£¬ÀýÈ磺
ie¿ÉÒÔÔÊÐíÊý×ְٷֱȻìÓã¬ff²»¿ÉÒÔ£»
ff±ØÐëÓжººÅ·Ö¸ô£¬ie¿ÉÒÔÖ»Óÿոñ·Ö¸ô£»
µ±È»ÎÒÃÇʹÓÃʱ×îºÃÊǰ´ÕÕw3cµÄ±ê×¼À´ÉèÖÃÁË¡£
ps£ºÄǸöDHTML ÊÖ²áÉÏдµÄ EM { color: rgb 1.0 0.0 0.0 } ¸ù±¾²»ÄÜÓõ쬲»Òª±»Îóµ¼ÁË¡£
¶ÔÕâ¸öÐÎʽ£¬³ÌÐòÓÃÕýÔòÈ¡µÃÊýÖµ£¬Èç¹ûÓÐ%¾Í¸ù¾Ý°Ù·Ö±È¼ÆËã³ö¶ÔÓ¦ÊýÖ


Ïà¹ØÎĵµ£º

JavaScriptµÄÈÕÆÚ´¦Àí

var myDate = new Date();
myDate.getYear();        //»ñÈ¡µ±Ç°Äê·Ý(2λ)
myDate.getFullYear();    //»ñÈ¡ÍêÕûµÄÄê·Ý(4λ,1970-????)
myDate.getMonth();       //»ñÈ¡µ±Ç°Ô·Ý(0-11,0´ú±í1ÔÂ)
myDate.getDate();    ......

JavaScript´úÂë(1)

//ºǫ́CSµ÷ÓÃǰ̨JS·½·¨
ClientScript.RegisterStartupScript(this.GetType(), "onclick", "<script>CheckInput()</script>");
//УÑéÊäÈë¿òÊÇ·ñΪ¿Õ£¬Ð£ÑéÊÇ·ñÊÇÊý×Ö
<script type="text/javascript" language="javascript">
         function CheckInput ......

javascript refresh page ¼¸ÖÖÒ³ÃæË¢Ðµķ½·¨

JavascriptË¢ÐÂÒ³ÃæµÄ¼¸ÖÖ·½·¨£º
1    history.go(0)
2    location.reload()
3    location=location
4    location.assign(location)
5    document.execCommand('Refresh')
6    window.navigate(location)
7& ......

JavascriptÔÚÒ³Ãæ¼ÓÔØÊ±µÄÖ´ÐÐ˳Ðò

Ò»¡¢ÔÚHTMLÖÐǶÈëJavasriptµÄ·½·¨
Ö±½ÓÔÚJavascript´úÂë·ÅÔÚ±ê¼Ç¶Ô<script>ºÍ</script>Ö®¼ä
ÓÉ<script />±ê¼ÇµÄsrcÊôÐÔÖÆ¶¨ÍⲿµÄjsÎļþ
·ÅÔÚʼþ´¦Àí³ÌÐòÖУ¬±ÈÈ磺<p onclick="alert('ÎÒÊÇÓÉonclickʼþÖ´ÐеÄJavascript')">µã»÷ÎÒ</p>
×÷ΪURLµÄÖ÷Ì壬Õâ¸öURLʹÓÃÌØÊâµÄJavascript ......

JavaScriptÅжÏä¯ÀÀÆ÷ÀàÐͼ°°æ±¾

      ÄãÖªµÀÊÀ½çÉÏÓжàÉÙÖÖä¯ÀÀÆ÷Â𣿳ýÁËÎÒÃÇÊìÖªµÄIE, Firefox, Opera, SafariËÄ´óä¯ÀÀÆ÷Ö®Í⣬ÊÀ½çÉÏ»¹Óнü°ÙÖÖä¯ÀÀÆ÷¡£
       ¼¸Ììǰ£¬ä¯ÀÀÆ÷¼Ò×åÓиյ®ÉúÁËһλСÍõ×Ó£¬¾ÍÊÇGoogleÍÆ³öµÄChromeä¯ÀÀÆ÷¡£ÓÉÓÚChrome³öÉúÃûÃÅ£¬¾¡¹ÜËû»¹ÊǸöС¼Ò»ï£¬Ã»ÓÐÈ˸ÒС ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ