怎么用PHP修改文字大小,如何利用PHP和CSS改变网页文字大小
列表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的支持,您也不需擔心專門創建針對某個瀏覽器的工作,也許下一次您坐下來設計網站的時候會發現這種方法很有效,祝編程愉快!
總結
以上是生活随笔為你收集整理的怎么用PHP修改文字大小,如何利用PHP和CSS改变网页文字大小的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: DOM-3 【utils/待讲评】节点属
- 下一篇: 动态规划算法php,php算法学习之动态