您的位置：首页 > 编程语言 > ASP

ASP.NET 2.0 中让使用者自订字体大小

2008-07-19 15:17 148 查看
(本帖在版工的旧 Blog 中，发表日期为 2007/07/08)

使用者在浏览网站时，有时可能会嫌字体太小，希望能够自订大小，这种情形尤以企业资深员工、老员工最为常见。虽然 IE 等浏览器有自订字号的功能，亦可透过 Ctrl + 鼠标滚轮调整；但若网页设计人员将 font-size 的单位，写死成特定数值的 px (pixel, 像素)，则 IE 自订字号的功能即会失效。

在此版工我透过网络上寻得的范例，改写了一支可让使用者透过「下拉选单 (DropDownList)」或「文字 Hyperlink」，以自订页面中字体大小的 ASP.NET 2.0 范例。透过 JavaScript 实时反应的特性，使用者每次重选后，不必再经过 Postback，效果可马上呈现在页面中；且套用效果可套整页，或仅某个区块 (div 或 span)，亦可套至 GridView 等控件当中。若欲在您的旧系统页面中引用此功能，必须先将页面中或控件中，HTML 或 CSS 已「设死」的 font-size 属性删除，并再适当调整页面排版。

<body onload="fireDDL_FontSize()">

<form id="form1" runat="server">

<div>

指定管道一 - 透過下拉選單

<asp:DropDownList ID="DropDownList_FontSize" runat="server">

<asp:ListItem>12</asp:ListItem>

<asp:ListItem>13</asp:ListItem>

<asp:ListItem>14</asp:ListItem>

<asp:ListItem>15</asp:ListItem>

<asp:ListItem>16</asp:ListItem>

<asp:ListItem>17</asp:ListItem>

<asp:ListItem>18</asp:ListItem>

</asp:DropDownList>

protected void Page_Load(object sender, EventArgs e)

//.aspx前端 html 的 body 一載入時可呼叫的。表示要讓頁面字體大小，在頁面一載入時就設為下拉選單的預設值(13px)

//若不設定此項，則頁面一載入時會設為 IE 的預設字體大小(16px)

function fireDDL_FontSize() {

document.form1.DropDownList_FontSize.fireEvent('onChange');

}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航