(本帖在版工的旧 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 属性删除,并再适当调整页面排版。
图 1 本帖的 ASP.NET 2.0 + JavaScript 下载范例执行画面
本帖的范例代码下载点:
https://files.cnblogs.com/WizardWu/070708.zip
此范例真正的关键,是位于 JavaScript 活页夹中的 ChangeFontSize.js 程序。
使用者在浏览网站时,有时可能会嫌字体太小,希望能够自订大小,这种情形尤以企业资深员工、老员工最为常见。虽然 IE 等浏览器有自订字号的功能,亦可透过 Ctrl + 鼠标滚轮调整;但若网页设计人员将 font-size 的单位,写死成特定数值的 px (pixel, 像素),则 IE 自订字号的功能即会失效。
在此版工我透过网络上寻得的范例,改写了一支可让使用者透过「下拉选单 (DropDownList)」或「文字 Hyperlink」,以自订页面中字体大小的 ASP.NET 2.0 范例。透过 JavaScript 实时反应的特性,使用者每次重选后,不必再经过 Postback,效果可马上呈现在页面中;且套用效果可套整页,或仅某个区块 (div 或 span),亦可套至 GridView 等控件当中。若欲在您的旧系统页面中引用此功能,必须先将页面中或控件中,HTML 或 CSS 已「设死」的 font-size 属性删除,并再适当调整页面排版。
图 1 本帖的 ASP.NET 2.0 + JavaScript 下载范例执行画面
本帖的范例代码下载点:
https://files.cnblogs.com/WizardWu/070708.zip
此范例真正的关键,是位于 JavaScript 活页夹中的 ChangeFontSize.js 程序。
关键的 .aspx 代码
关键的 .aspx.cs 代码
关键的 JavaScript 代码