<mce:script type="text/javascript"><!--<br />$(document).ready(function() {<br /> $("#formstylecontrols select").change(function(){<br />alert($(this).attr("id")+" "+$(this).val());<br /> $("p").css($(this).attr("id"),$(this).val()); </p><p> //這裡用了一個技巧：把select的ID和要設定的CSS屬性值一致 , 就可以一個語句實現三個select的功能</p><p> });<br />});<br />// --></mce:script><br /></head><br /><body><br /><div id="formstylecontrols"><br /> <label for="font-size">字型大小</label><br /> <select id="font-size"><br /> <option value="12px">小號</option><br /> <option value="14px">較小</option><br /> <option value="16px" >中號</option><br /> <option value="18px">較大</option><br /> <option value="24px">大號</option><br /> </select></p><p> <label for="background">背景顏色</label><br /> <select id="background"><br /> <option value="#F4FBFF">預設</option><br /> <option value="#f0f0f0">淡灰</option><br /> <option value="#eaeaea">灰色</option><br /> <option value="#eefaee">綠色</option><br /> <option value="#ffffed">明黃</option><br /> </select></p><p> <label for="color">字型顏色</label><br /> <select id="color"><br /> <option value="#000000">黑色</option><br /> <option value="#ff0000">紅色</option><br /> <option value="#006600">綠色</option><br /> <option value="#0000ff">藍色</option><br /> <option value="#660000">棕色</option><br /> </select><br /> <label></p><p> </label><br /></div><br /><h2>第一章：冷宮的咒怨</h2><br /><p>三月初三，春日晴朗</p><br /><p>今天是皇帝的大婚典禮</p><br /><p>金陵城萬人空巷，百姓、官吏都出來觀看皇帝的迎親大典。這一天，按照當今皇帝的旨意，用了皇家規格最高的儀仗來迎娶樂亭侯家的女兒馮妙芝。鳳輦前有全副武裝的侍衛開道，威武莊嚴；後有綵衣宮女護擁，花團錦簇。車水馬龍，熙熙攘攘，香豔欣羨了整整一條街。七十二對絳紗宮燈分外耀眼，樂隊高奏迎親鼓樂，絲竹之聲震耳欲聾，把迎親的氣氛推向了高潮。</p><br /><p>浩浩蕩蕩的迎親隊伍，轉過金陵城的主要街道，再把出盡風頭的新皇后馮妙芝送到皇帝選定的洞房柔光殿。賀喜的大臣、親友已經紛紛告退了，很快，帝後就要攜手進入洞房，共度春宵了……</p><br /><p>此時此刻，我站在這片涇水和渭水之間的大牧場上，腳下是三塊古舊的巨大的石板鋪就的小小廣場，前面的松柏蔥翠裡是一座冷冷的尼庵，那就是曾經寵愛過我的君王給我的最後的歸宿。</p><br /><p>心如刀絞，我24歲的生命忽然變得如此虛無，它曾如最瀲灩的花，還沒開到鼎盛，就悄然沒落。</p><br /><p>後宮是一座巨大的花園，每個季節都有每個季節的鮮妍，沒有任何女人能夠常開不敗。如果我曾經屬於“春”，現在就該輪迴到其他人的“夏”了——我的花季，它悄然謝幕了。</p><br /><p>18－24歲，一生中最年輕、最華美的歲月，我在大唐後宮充滿胭脂水粉的曖昧氣息裡，在沒有硝煙卻滿是驚險和刺激的嬪妃爭鬥裡，曾經一度強勢崛起，寵冠三千粉黛。</p><br /><p>只是，那個時候，我沒有想到春天其實是如此短暫。</p><br /><!--<br />StringJavascript 字串css( String name )訪問第一個匹配元素的樣式屬性。英文詳解<br />訪問第一個匹配元素的樣式屬性。使用這個方法可以很容易地取得第一個匹配元素的樣式屬性的值。<br />[樣本]:<br />取得第一個段落的color樣式屬性的值。</p><p>$("p").css("color");<br />HTML標記:<br /><p style="color:red;" mce_style="color:red;">Test Paragraph.</p><br />結果:<br />"red"<br />[樣本]:<br />取得第一個段落的font-weight樣式屬性的值。</p><p>$("p").css("font-weight");<br />HTML標記:<br /><p style="font-weight: bold;" mce_style="font-weight: bold;">Test Paragraph.</p><br />結果:<br />"bold"</p><p>jQueryjQuery 對象css( Map屬性和值以 "property/value" 對形式表示的 Javascript 對象 properties要設定為樣式屬性的名/值對對象 )把一個“名/值對”對象設定為所有匹配元素的樣式屬性。英文詳解<br />把一個“名/值對”對象設定為所有匹配元素的樣式屬性。</p><p>這是一種在所有匹配的元素上設定大量樣式屬性的最佳方式。<br />[樣本]:<br />為所有p元素設定color和background樣式屬性。</p><p>$("p").css({ color: "red", background: "blue" });<br />HTML標記:<br /><p>Test Paragraph.</p><br />結果:<br /><p style="color:red; background:blue;" mce_style="color:red; background:blue;">Test Paragraph.</p></p><p>jQueryjQuery 對象css( StringJavascript 字串 key要設定的樣式屬性名稱, ObjectJavascript 對象。例如：String 或 Number 的執行個體 value )在所有匹配的元素中，設定一個樣式屬性的值</p><p>--><br /></body>
說明：此段代碼主要通過css(name,value)來處理動態改變字型的大小。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
