ÓÃJavaScriptÐÞ¸ÄÍøÒ³cssÑùʽ
ÓÃJavaScriptÐÞ¸ÄÍøÒ³Ñùʽ
Ò»¡¢¾Ö²¿¸Ä±äÑùʽ
·ÖΪ¸Ä±äÖ±½ÓÑùʽ£¬¸Ä±äclassNameºÍ¸Ä±äcssTextÈýÖÖ¡£ÐèҪעÒâµÄÊÇ£º
×¢Òâ´óСд
£º
javascript¶Ô´óСдʮ·ÖÃô¸Ð£¬className²»Äܹ»°Ñ“N”д³É“n”£¬cssTextÒ²²»Äܹ»°Ñ“T”д³É“t”£¬·ñÔòÎÞ·¨ÊµÏÖЧ¹û¡£
µ÷Ó÷½·¨
£º
Èç¹û¸Ä±äclassName£¬ÔòÊÂÏÈÔÚÑùʽ±íÖÐÉêÃ÷À࣬µ«µ÷ÓÃʱ²»ÒªÔÙ¸ústyle£¬Ïñdocument.getElementById(’obj’).style.className=”…”µÄд·¨ÊÇ´íÎóµÄ£¡Ö»ÄÜд³É£ºdocument.getElementById(’obj’).className=”…”
¸Ä±äcssText
µ«ÊÇÈç¹ûÓÃcssTextµÄ»°£¬±ØÐë¼ÓÉÏstyle£¬ÕýÈ·µÄд·¨ÊÇ£ºdocument.getElementById(’obj’).style.cssText=”…”
¸Ä±äÖ±½ÓÑùʽÎҾͲ»±Ø˵ÁË£¬´ó¼Ò¼ÇµÃҪдµ½¾ßÌåÑùʽ¼´¿É£¬Èç
document.getElementById(’obj’).style.backgroundColor=”#003366″
¶þ¡¢È«¾Ö¸Ä±äÑùʽ
ͨ³£Çé¿öÏ£¬ÎÒÃÇ¿ÉÒÔͨ¹ý¸Ä±äÍâÁ´ÑùʽµÄµÄhrefµÄֵʵÏÖÍøÒ³ÑùʽµÄʵʱÇл»£¬Ò²¾ÍÊÇ“¸Ä±äÄ£°å·ç¸ñ”¡£ÕâʱºòÎÒÃÇÊ×ÏÈÐèÒª¸³ÓèÐèÒª¸Ä±äµÄÄ¿±êÒ»¸öid£¬Èç
<link rel = "stylesheet" type="text/css" id="css"
href="firefox.css" />
µ÷ÓÃʱºÜ¼òµ¥£¬Èç
<span on
click="javascript:document.getElementById('css').href =
'ie.css'">µãÎҸıäÑùʽ</span>
¶ÔÓÚÐÂÈËÍùÍù²»ÖªµÀCSS¾ßÌåÑùʽÔÚjavascriptÔõôд£¬¶øÇÒÓÐʱºòÔÚ²»Í¬ä¯ÀÀÆ÷ÖÐÒªÇóÒ²²»Ò»Ñù¡£ÈçfloatÔÚIEÖÐд³ÉstyleFloat£¬ÔÚFIREFOXÖÐд³ÉcssFloat£¬Õâ¾ÍÐèÒª´ó¼ÒµÄ»ýÀÛÁË¡£ÔÚgoogleÖÐËÑË÷“ccvita javascript”£¬Ò²Ðí»á¶ÔÄãµÄÒÉ»óÓÐËù°ïÖú¡£
»ù´¡ÖªÊ¶
ͨ³£ÔÚÍøÒ³ÖÐÑùʽ±íµÄµ÷Ó÷½·¨ÓÐÈýÖÖ¡£
µÚÒ»ÖÖ
£ºÁ´ÈëÍⲿÑùʽ±íÎļþ
(Linking to a Style Sheet)
Äã¿ÉÒÔÏȽ¨Á¢ÍⲿÑùʽ±íÎļþ£¨.css£©£¬È»ºóʹÓÃHTMLµÄlink¶ÔÏó¡£Ê¾ÀýÈçÏ£º
<head>
<title>Îĵµ±êÌâ</title>
<link
rel=stylesheet href="http://www.ccvita.com/demo.css"
type="text/css">
</link></head>
¶øÔÚXMLÖУ¬ÄãÓ¦¸ÃÈçÏÂÀýËùʾÔÚÉùÃ÷ÇøÖмÓÈ룺
< ? xml-stylesheet type="text/css"
href="http://www.dhtmlet
Ïà¹ØÎĵµ£º
ÓÃarguments¶ÔÏó¼ì²â´«µÝ¸øº¯ÊýµÄ²ÎÊý¸öÊý£ºarguments.length
function test(){
if(arguments.length == 1)
alert(arguments[0] + "£¬ÄãºÃ");
else if(arguments.length == 2)
alert(a ......
1¡¢»ìºÏµÄ¹¹Ô캯Êý/ÔÐÍ·½·¨
Óù¹Ô캯Êý¶¨Òå¶ÔÏóµÄËùÓзǺ¯ÊýÊôÐÔ£¬ÓÃÔÐÍ·½Ê½¶¨Òå¶ÔÏóµÄº¯ÊýÊôÐÔ(·½·¨)£¬½á¹ûËùÓк¯Êý¶¼Ö»´´½¨Ò»´Î£¬¶øÿ¸ö¶ÔÏ󶼾ßÓÐ×Ô¼ºµÄ¶ÔÏóÊôÐÔʵÀý¡£
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional. ......
IE6/IE7/FFµÄCSS hack ä¯ÀÀÆ÷¼æÈÝ×ܽá
2010-01-23 15:25
ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷¶ÔCSSµÄÖ§³Ö¼°½âÎö½á¹û²»Ò»Ñù£¬´¦ÀíµÄÓÅÏȼ¶²»Ò»Ñù¡£Õë¶Ô²»Í¬µÄä¯ÀÀÆ÷À´Ð´²»Í¬µÄCSS´ïµ½ÔÚ²»Í¬ä¯ÀÀÆ÷ÏÂÏÔʾÏëÒªµÄЧ¹û¾ÍÊÇcss hack¡£ÏÈÌùÁ½¸öÖ±¹ÛµÄ¶Ô±Èͼ£º
ÔÙÌùÒ»¶Î´úÂ룺
#bgcolor {
background:red !important; /* Firefox µÈÆäËûä¯ÀÀÆ÷ * ......
1£ºÖ»ÊÇÌáÐÑ£¬²»ÄܶԽű¾²úÉúÈκθı䣻
2£ºÒ»°ãÓÃÓÚÈ·ÈÏ£¬·µ»Ø true »òÕß false £¬ËùÒÔ¿ÉÒÔÇáËÉÓÃÓÚ if...else...ÅжÏ
3£º Ò»¸ö´øÊäÈëµÄ¶Ô»°¿ò£¬¿ÉÒÔ·µ»ØÓû§ÌîÈëµÄ×Ö·û´®£¬³£¼ûÓÚijЩÁôÑÔ±¾»òÕßÂÛ̳ÊäÈëÄÚÈÝÄÇÀïµÄ ²åÈëUBB¸ñʽͼƬ
<mce:script language="javascript"><!--
function ale()
{//Õâ¸ö»ù±¾Ã»Ó ......