ÓÃjs¸Ä±äcssÑùʽ
<style>
.a
{
background-color:#000000;
}
.b
{
background-color:#ffffff;
}
</style>
<ul>
<li id="aaa1" onclick="setClassName(this,'a')"> <a href="#">aaaa</a> </li>
<li id="aaa2" onclick="setClassName(this,'a')"> <a href="#">bbbbb</a> </li>
<li id="aaa3" onclick="setClassName(this,'a')"> <a href="#">ccccc </a></li>
<li id="aaa4" onclick="setClassName(this,'a')"> <a href="#">ddddd </a></li>
</ul>
<script language="javascript">
function setClassName(obj,style)
{
for(var i=1;i<5;i++)
{
var dx=eval('document.getElementById("aaa'+i+'")');
if(dx==obj)
{
dx.className=style;
}
else
{
dx.className='b'; //»òÕßÉèÖÃΪ¿Õ
}
}
}
</script>
Ïà¹ØÎĵµ£º
CSS ºÐÄ£ÐÍ
¡¡¡¡ÍøÒ³Éè¼ÆÖеÄÿ¸öÔªËØ¶¼Êdz¤·½ÐεĺÐ×Ó¡£ºÐ×ӵijߴçÊÇÔõÑù¾«È·¼ÆËãµÄ£¬Çë¿´ÏÂͼ£º
¡¡¡¡
¡¡¡¡Èç¹ûÊÇ Firebug Óû§µÄ»°(»ù±¾ºÍǰ¶ËÓйصͼ»áÓõ½ Firebug °É – ÌǰéÎ÷ºìÊÁ)£¬¾Í»áºÜÊìϤÏÂÃæµÄͼ±íÁË¡£
¡¡¡¡Õâ¸öͼ±íºÜºÃµØÕ¹Ê¾ÁË×÷ÓÃÓÚÒ³ÃæÉÏÈÎÒâºÐ×ÓµÄÊýÖµ¡£
¡¡¡¡
¡¡¡¡×¢ÒâÒÔÉÏÁ½¸öÀý×ÓÖУ¬margi ......
×÷Ϊһ¸ö³ÌÐòÔ±£¬¾³£ÐèÒªÃæ¶ÔµÄÒ»¸öÎÊÌâ¾ÍÊÇÔÚÐÂÎŵÈÐÅÏ¢µÄ±êÌâÁбíÖУ¬³£³£ÎªÁËÊÊÓ¦±í¸ñµÄ¿í¶È£¬ÐèÒª¶Ô¹ý³¤µÄ±êÌâÎÄ×ֵĽøÐнØÈ¡²¢ÔÚ½ØÈ¡ºóµÄÎÄ×ÖÄ©¶Ë¼ÓÉÏÊ¡ÂԺš£
ÖÚËùÖÜÖª£¬Óкܶ෽·¨¿ÉÒÔʵÏÖÕâ¸ö¹¦ÄÜ£¬JavaScript£¬ASP£¬PHP¶¼Óи÷×ÔµÄʵÏÖ·½·¨£¬µ«ÊÇÃæÁÙµÄÎÊÌâÓкܶ࣬±ÈÈçÖÐÓ¢ÎÄ»ìÔÓʱ»òÔÚijЩ±àÂëÏ£¬ÈÝÒ×Ôì³É½ØÈ ......
cssÖÐÓÃÒ»Õű³¾°Í¼×öÒ³ÃæµÄ¼¼ÊõÓÐʲôÓÅÊÆ£¿
¼òµ¥½éÉÜһϠCSS Sprites µÄÓŵ㣺
µ±Óû§ÍùUÅÌÖп½200ÕÅͼƬ£¬»áµÈ
ºÜ¾Ã¡£µ«ÊÇÈç¹ûŪ³ÉÒ»¸öÎļþ£¬ÔÙ¿½±´¾Í»á¿ìºÜ¶à¡£
CSS Sprites µÄÄ¿µÄ¾ÍÊÇͨ¹ýÕûºÏͼƬ£¬¼õÉÙ¶Ô·þÎñÆ÷µÄÇëÇóÊýÁ¿£¬´Ó¶ø¼Ó¿ìÒ³Ãæ¼ÓÔØ
ËÙ¶È¡£
ʵ
ÏÖ·½·¨
£º
Ê×ÏȽ ......
/*±êÌâÔªËØ*/
h1,h2,h3,h4,h5,h6 {
color: green;
}
/*¸¸ÔªËؼ̳Ð*/
body {
font-family: Verdana, sans-serif;
}
/*id Ñ¡ÔñÆ÷*/
#red {color:red;}
/*id Ñ¡ÔñÆ÷ºÍÅÉÉúÑ¡ÔñÆ÷*/
#red p {
font-style: italic;
text-align: right;
margin ......