ÓÃ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¸öä¯ÀÀÆ÷µÄ¹¤×÷£¬Ò²ÐíÏÂÒ»´ÎÄú×øÏÂÀ´Éè¼ÆÍøÕ¾µÄʱºò»á·¢ÏÖÕâÖÖ·½·¨ºÜÓÐЧ£¬×£±à³ÌÓä¿ì£¡