WizardWu 編程網

一位台灣的工程師,接觸 .NET 逾十年,近年研究 SQL Server、Performance Tuning、手機應用

博客园 首页 新随笔 联系 订阅 管理
(本帖在版工的旧 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 属性删除,并再适当调整页面排版。 

figure1 
图 1 本帖的 ASP.NET 2.0 + JavaScript 下载范例执行画面
 
 
 本帖的范例代码下载点:
 
https://files.cnblogs.com/WizardWu/070708.zip
 
 此范例真正的关键,是位于 JavaScript 活页夹中的 ChangeFontSize.js 程序。


关键的 .aspx 代码

 

关键的 .aspx.cs 代码

 

关键的 JavaScript 代码

 

posted on 2008-07-19 15:17  WizardWu  阅读(907)  评论(5编辑  收藏  举报