ÓÃJSÀ´Çл»CSS£¬ºÜºÃºÜ¼òµ¥
¼ÙÈçÎÒÃÇÏëͨ¹ýǰ̨×ÔÖ÷Ñ¡ÔñCSSÑùʽÀ´´ïµ½¸Ä±äÑÕÉ«¡¢·ç¸ñµÈÄ¿µÄµÄ»°£¬ÓÃJSµ÷ÓÃCSSÎļþ¾ÍOK¡£
ÏÈ×öÁ½¸ö£¨»ò¶à¸ö£©CSSÎļþ¡£
style_1.css¡¡´úÂ룺
body{background-color: #ccff66;}
......
style_2.css¡¡´úÂ룺
body{background-color: #ff0000;}
......
JS´úÂëÈçÏ£º
<link rel="stylesheet" rev="stylesheet" id="style" type="text/css" media="all" />
<script>
function change_skin(obj){
if(obj.length<1){
return;
}else{
document.getElementById("style").href=obj;
}
}
</script>
<body>
<select onchange="change_skin(this.value)" id="skinStyle">
<option value="">¸Ä±ä·ç¸ñ</option>
<option value="style_1.css">·ç¸ñ 1</option>
<option value="style_2.css">·ç¸ñ 2</option>
</select>
</body>
Ïà¹ØÎĵµ£º
/**
* 給結點Ìí¼Ó濾鏡
* 1.filterStyleÐÎʽ£ºÂ˾µÃû³Æ¼°ÆäºóµÄ²¿·Ö
* 2.Alpha Â˾µ£ºALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx, starty=starty,finishx=finishx,finishy=finishy)}--͸Ã÷
* 3.Blur Â˾µ£ºBlur(add=add,direction=direct ......
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>±í¸ñÍ·Ðй̶¨£ºÊ¹ÓÃCSSʵÏÖ</title>
<style type="text/css" >
div.DivContainer /* Div */{
overflow: scroll;
border: solid 1px gray; ......
¹ØÓÚCSS¶Ô¸÷¸öä¯ÀÀÆ÷¼æÈÝÒѾÊÇÀÏÉú³£Ì¸µÄÎÊÌâÁË£¬.ÒÔÏÂÄÚÈÝûÓÐÌ«¶àÐÂÓ±, ´¿Êô¸öÈË×ÛºÏÍøÉϵÄÎÄÕÂËùµÃ, ÓÐÐ©ÖØ¸´µÄ£¬ÀÁµÄɾÁË
Ò»¡¢CSS HACK
HACK¸ÅÄ
²»Í¬µÄä¯ÀÀÆ÷£¬±ÈÈçInternet Explorer 6,Internet Explorer 7,Mozilla FirefoxµÈ£¬¶ÔCSSµÄ½âÎöÈÏʶ²»Ò»Ñù£¬Òò´Ë»áµ¼ÖÂÉú³ÉµÄÒ³ÃæÐ§¹û²»Ò»Ñù£¬µÃ²»µ½ ......
¸Õ¿ªÊ¼Ñ§Ï°zend framework £¬¶ÔÓÚ·¾¶ÎÊÌ⻹ÊÇûŪÃ÷°×£¬ÒÔÖÁÓÚͼƬ²»ÄÜÕý³£ÏÔʾ£¬ËѱéÁËGoogleÖÕÓÚÕÒµ½Ò»¸ö½â¾ö°ì·¨¡£¾ßÌå½â¾ö°ì·¨ÈçÏ£º
ÔÚ.htaccessÖÐÓÃÏÂÃæÕâ¶Î´úÂë´úÌæÔÓдúÂë
# Zend Framework rewrite¹æÔò
RewriteEngine on
RewriteCond
%{REQUEST_FILENAME} !-f
RewriteRule .* index.php
#
°²È«ÐÔ¿¼ÂÇ£ ......
IE vs FF
CSS ¼æÈÝÒªµã£ºDOCTYPE Ó°Ïì CSS ´¦Àí
FF: div ÉèÖà margin-left, margin-right Ϊ auto ʱÒѾ¾ÓÖÐ, IE ²»ÐÐ
FF: body ÉèÖà text-align ʱ, div ÐèÒªÉèÖà margin: auto(Ö÷ÒªÊÇ margin-left,margin-right) ·½¿É¾ÓÖÐ
FF: ÉèÖà padding ºó, div »áÔö¼Ó height ºÍ width, µ« IE ²»»á, ¹ÊÐèÒªÓà !important ¶àÉèÒ» ......