¡¡¡¡ÓÃPHPºÍCSS¸Ä±äÍøÒ³ÎÄ×Ö´óС¡ª¡ªÔÚÉè¼ÆÍøÕ¾µÄʱºò£¬ÒªÀμÇÒ»µã£º²¢²»ÊÇËùÓеķÃÎÊÕ߶¼ÊÇÉñ²ÉÞÈÞȵÄÄêÇáÈË£¬¶øÇÒËûÃÇÒ²²»Ò»¶¨ÍêÈ«ÊìϤWebä¯ÀÀÆ÷µÄ¸÷ÖÖʹÓ÷½·¨¡£
¡¡¡¡ÔÚÉè¼ÆÍøÕ¾µÄʱºò£¬ÒªÀμÇÒ»µã£º²¢²»ÊÇËùÓеķÃÎÊÕ߶¼ÊÇÉñ²ÉÞÈÞȵÄÄêÇáÈË£¬¶øÇÒËûÃÇÒ²²»Ò»¶¨ÍêÈ«ÊìϤWebä¯ÀÀÆ÷µÄ¸÷ÖÖʹÓ÷½·¨¡£´ÏÃ÷µÄÉè¼ÆÕßÁ˽âÕâÒ»µã£¬ËûÃdz£³£½«¸÷ÖÖÌØÊâµÄ¿É·ÃÎÊÌØÐÔÈÚÈëÍøÕ¾µÄÉè¼ÆÖУ¬ÕâÑù£¬¼´Ê¹ÊÇÄ곤Õß»òÊDzм²ÈËÊ¿¶¼¿ÉÒÔ·½±ãÊæÊʵØʹÓÃÍøÕ¾£¬¶ø²»±Ø»¨·Ñ¶îÍâµÄÁ¦Æø¡£
¡¡¡¡Îı¾´óСµ÷½ÚÆ÷ÊÇ×îÓÐЧµÄ¿É·ÃÎÊÌØÐÔÖеÄÒ»¸ö£¬ÈκÎÍøÕ¾¶¼¿ÉÄÜÐèÒªËü£¬¼ò¶øÑÔÖ®£¬ÕâÊÇÒ»¸öÓÃÓڸıäÍøÒ³ÎÄ×Ö´óСµÄ¹¤¾ß£¬Í¨³£ÓÃÓÚ½«Îı¾±ä´ó´Ó¶øÒ×ÓÚÔĶÁ£¬ºÜ¶àä¯ÀÀÆ÷ÒѾ×Ô´øÁËÕâÒ»ÌØÉ«£¬µ«ÊÇÍøÂçä¯ÀÀÆ÷µÄ³õѧÕß²¢²»ÖªµÀÈçºÎʹÓÃÕâÒ»¹¦ÄÜ£¬Òò´Ë£¬ÍøÕ¾µÄÉè¼ÆÕß¾³£½«¸üÒ×ÓÚʹÓõİ´Å¥·ÅÔÚÿ¸öÍøÒ³ÉÏÀ´ÊµÏÖÕâÒ»¹¦ÄÜ¡£
¡¡¡¡ÕâƪָÄϽ«ÏòÄú½éÉÜÈçºÎʹÓÃPHPºÍCSSÔÚÍøÒ³ÉÏÌí¼Ó¾ß±¸ÕâÖÖ¹¦ÄܵÄÎı¾´óСµ÷½ÚÆ÷£¬Òò´Ë£¬¸Ï¿ìÏòÄúµÄÍøÕ¾Ìí¼ÓÕâÒ»¿É·ÃÎÊÐÔ£¬ÕâÑù´ÓÄê¼Í´óÓÚ50ËêµÄÓû§ÄÇÀï»ñµÃÔÞÓþµÄ»ý·Ö£¬¼ÌÐøÏò϶Á£¬Äú½«Ñ§»áʹÓÃËüµÄ·½·¨¡£
¡¡¡¡×¢Ò⣺ÕâƪָÄϼٶ¨ÄúÒѾ°²×°ÁËApacheºÍPHP
¡¡¡¡ËüÊÇÈçºÎ¹¤×÷µÄ£¿
¡¡¡¡ÔÚд´úÂë֮ǰ£¬»¨Ò»Ð©Ê±¼äÀ´Àí½âÎı¾´óСµ÷½ÚÆ÷µÄ¹¤×÷·½Ê½ÊǷdz£ÓÐÒæµÄ¡£ÍøÕ¾ÖеÄÿ¸öÍøÒ³¶¼°üº¬Ò»ÏµÁпØÖÆ°´Å¥£¬ËûÃÇÔÊÐíÓû§Ñ¡ÔñÒ³ÃæµÄÎÄ×Ö´óС£ºÐ¡ºÅ¡¢ÖкźʹóºÅ£¬Ã¿ÖÖ×ֺŶ¼¶ÔÓ¦ÓÚÒ»ÖÖCSSÑùʽ±í£¬ÕâЩÑùʽ±í±£´æÁËÓÃÓÚäÖȾÍøÒ³Îı¾´óСµÄ¹æÔò¡£
¡¡¡¡µ±Óû§×ö³öÑ¡ÔñµÄʱºò£¬PHP½«Óû§Ñ¡¶¨µÄ×ֺŴ洢ÔÚÒ»¸ö»á»°±äÁ¿ÖУ¬È»ºóÖØмÓÔØÍøÒ³£¬¸ÃÒ³Ã潫´Ó»á»°±äÁ¿ÖжÁÈ¡Ñ¡¶¨µÄ×ֺţ¬²¢¶¯Ì¬µ÷ÓÃÏàÓ¦µÄÑùʽ±íÒÔ¸üСµÄ×ֺŻò¸ü´óµÄ×ÖºÅÀ´ÖØÐÂäÖȾÍøÒ³¡£
¡¡¡¡¹ý³Ì
¡¡¡¡µÚÒ»²½£º´´½¨ÍøÒ³
¡¡¡¡´Ó´´½¨HTMLÎĵµ¿ªÊ¼£¬Ê×ÏÈÍê³Éռλ·ûµÄÄÚÈÝ£¬ÁбíAÊÇÒ»¸öÀý×Ó£º
ÁбíA£º
Text size: small | href="resize.php?s=medium">medium | large
Loremipsum dolor sit amet, consecteturadipisicingelit, sed do eiusmodtemporincididuntutlabore et dolore magna aliqua. Utenim ad minim veniam, quisnostrud exercitation ullamcolaboris nisi utaliquip ex ea commodoconsequat. Duisauteirure dolor in reprehenderit in voluptatevelitessecillumdoloreeufugiatnullapariatur. Excepteursintoccaecatcupidatat non proident, sunt in culpa qui officiadeseruntmollitanim id estlaborum. |
¡¡¡¡¶ÔÒ³Ã涥²¿µÄÎÄ×Ö³¬Á´½ÓÒªÌرð×¢Ò⣬ÿ¸ö³¬Á´½Ó¶¼Ö¸ÏòÁËÃûΪresize.phpµÄ½Å±¾Îļþ£¬²¢Í¨¹ýURL GET·½·¨½«Ñ¡¶¨µÄ×ÖÌå´óС´«µÝ¸øËü¡£
¡¡¡¡ÔÚÄúµÄWeb·þÎñÆ÷Ŀ¼ÖÐÒÔ.phpµÄÀ©Õ¹ÃûÀ´±£´æÕâ¸öÎĵµ£¬ÀýÈ磬index.php¡£
¡¡¡¡µÚ¶þ²½£º´´½¨Ñùʽ±í
¡¡¡¡½ÓÏÂÀ´£¬ÎªÃ¿ÖÖÎÄ×Ö´óС´´½¨Ñùʽ±íÎļþ£ºsmall.css, medium.cssºÍlarge.css£¬ÕâÊÇsmall.cssµÄÎļþÄÚÈÝ£º
body {
font: 10px
}
¡¡¡¡Í¬Ñù£¬¿ÉÒÔ´´½¨medium.cssºÍlarge.css£¬·Ö±ðʹÓÃ17pxºÍ25px£¬½«ÕâЩÑùʽ±íÎļþºÍÉÏÒ»²½´´½¨µÄÍøÒ³±£´æÔÚͬһ¸öĿ¼ÖС£
¡¡¡¡µÚÈý²½£º´´½¨Îı¾´óСµÄ¸Ä±ä»úÖÆ
¡¡¡¡ÕýÈçÉÏÎĽéÉܵģ¬Íøҳͨ¹ý²éÕÒÔ¤Ïȶ¨ÒåµÄ»á»°±äÁ¿¿ÉÒÔ"ÖªµÀ"¼ÓÔØÄĸöÑùʽ±íÎļþ£¬»á»°±äÁ¿ÊÇͨ¹ý½Å±¾Îļþresize.phpÀ´¿ØÖƵģ¨²Î¼ûÁбíB£©£¬¸ÃÎļþÊÇÔÚÓû§µã»÷ÁËÍøÒ³¶¥²¿¸Ä±äÎÄ×Ö´óСµÄ°´Å¥Ê±¼¤»îµÄ£¬ÕâÊÇresize.phpµÄÄÚÈÝ£º
¡¡¡¡ÁбíB
// start session // import selected size into session session_start(); $_SESSION['textsize'] = $_GET['s']; header("Location: " . $_SERVER['HTTP_REFERER']); ?> |
¡¡¡¡ÕâºÜ¼òµ¥£¬µ±Óû§Ñ¡ÔñÁËÒ»ÖÖеÄÎı¾´óС£¬resize.phpͨ¹ýGET·½·¨À´»ñµÃ×ֺŵÄÖµ£¬²¢½«Æä´æ´¢ÔڻỰ±äÁ¿$_SESSION['textsize']ÖУ¬È»ºó½«ä¯ÀÀÆ÷ÖØж¨Ïòµ½ÔÀ´´ò¿ªµÄÄĸöÒ³Ãæ¡£
¡¡¡¡µ±È»£¬ÕâÀﻹȱÉÙÒ»¸ö×é¼þ£ºÖÇÄÜ»¯µÃÈÃÍøÒ³×Ô¶¯¼ì²âÏÖÔÚÓû§ÏÖÔÚÑ¡¶¨µÄÎı¾´óС²¢¼ÓÔØÏàÓ¦µÄÑùʽ±í£¬Îª¼ÓÈëÕâÒ»¹¦ÄÜ£¬´ò¿ªÄúµÄÍøÒ³Îļþindex.php£¬²¢½«ÒÔÏÂÓï¾ä¼ÓÈëµ½ÎļþµÄ¿ªÍ·£¨²Î¼ûÁбíC£©£º
¡¡¡¡ÁбíC
// start session // import variables session_start(); // set default text size for this page if (!isset($_SESSION['textsize'])) { $_SESSION['textsize'] = 'medium'; } ?>
You should also add a stylesheet link between the ... elements, as follows: type="text/CSS"> |
¡¡¡¡ÕâÊÇÁбíD£¬ÍêÕûµÄindex.phpÎļþÓ¦¸ÃÊÇÕâÑùµÄ£º
¡¡¡¡ÁбíD:
// start session // import variables session_start(); // set default text size for this page if (!isset($_SESSION['textsize'])) { $_SESSION['textsize'] = 'medium'; } ?>
type="text/CSS">
Text size: small | href="resize.php?s=medium">medium | large
Loremipsum dolor sit amet, consecteturadipisicingelit, sed do eiusmodtemporincididuntutlabore et dolore magna aliqua. Utenim ad minim veniam, quisnostrud exercitation ullamcolaboris nisi utaliquip ex ea commodoconsequat. Duisauteirure dolor in reprehenderit in voluptatevelitessecillumdoloreeufugiatnullapariatur. Excepteursintoccaecatcupidatat non proident, sunt in culpa qui officiadeseruntmollitanim id estlaborum.
|
¡¡¡¡Àí½âÕâÖÖ¹¤×÷·½Ê½Ó¦¸ÃºÜ¼òµ¥ÁË£¬µ±ÔØÈëÍøÒ³µÄʱºò£¬Ëü»Ö¸´µ±Ç°µÄ»á»°£¬²¢¼ì²é$_SESSION['textsize']±äÁ¿ÊÇ·ñÓëµ±ÏÈÑ¡ÔñµÄ×ÖºÅÏà·û£¬È»ºóͨ¹ýÔªËض¯Ì¬¼ÓÔØÏàÓ¦µÄÑùʽ±í£¬Õ⽫µ¼ÖÂÍøÒ³ÒÔÕýÈ·µÄ´óС×Ô¶¯ÖØÐÂäÖȾ¡£ÁªºÏʹÓÃPHPºÍCSSÓ봫ͳµÄ·½Ê½ÂÔÓв»Í¬£¬´«Í³·½Ê½ÊÇʹÓÃJavaScriptÀ´¶¯Ì¬¸Ä±äCSSÑùʽ±í£¬Ïà¶ÔÓÚJavaScript·½·¨£¬PHP·½·¨µÄÓÅÊÆÔÚÓÚÄú²»ÐèÒªÒÀÀµ¿Í»§¶Ë¶ÔJavaScriptµÄÖ§³Ö£¬ÄúÒ²²»Ðèµ£ÐÄרÃÅ´´½¨Õë¶Ôij¸öä¯ÀÀÆ÷µÄ¹¤×÷£¬Ò²ÐíÏÂÒ»´ÎÄú×øÏÂÀ´Éè¼ÆÍøÕ¾µÄʱºò»á·¢ÏÖÕâÖÖ·½·¨ºÜÓÐЧ£¬×£±à³ÌÓä¿ì£¡