Question

我正在为一家光学公司工作。该公司与那些因重大损伤而有轻微视力损害的人合作，有些人需要特殊设备才能查看网页。

由于客户需求的多样化，我们计划提供一个选项，允许客户在查看时选择（存储在cookie中，挂钩到ASP.NET复选框的选项）页面上的文字大小更大，并删除一些不需要的图片。

文本大小在DIV标记中设置，样式为“font-size：##”。我想要做的是当取消选中该复选框时，页面将使用正常大小，当它被选中时，ASP.NET页面将更改为更大的字体。我不确定如何使用服务器端调用更改DIV标记（客户端）。

关于如何做到这一点的任何想法？

其他人推荐我动态创建div标签服务器端（Response.Write（）），但如果有其他方法，我不想使用它。看起来似乎需要更多的开销。

谢谢，

Answer 1

您可以将div设置为runat="server"分配ID并在服务器端与其进行交互。或者您可以通过javascript立即在客户端更改大小，并等待帖子记录选项。

Answer 2

为什么你需要做那个服务器端？我会做一个客户端调用，捕获检查更改并使用javascript和jQuery来更改div元素中的字体大小。

您可以使用jQuery使其变得非常简单。

<div><input type="checkbox" onclick="toggleFontSize(this)" /> Change Font Size</div>

<div id="myDiv" style="font-size: 10px;">
Testing my new font size
</div>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>     
<script type="text/javascript">
    function toggleFontSize(obj){ 
       if(obj.checked){
          $('myDiv').css('font-size', '20px'); // jQuery selector here
       }else{
          $('myDiv').css('font-size', '10px'); // jQuery selector here
       }
    }
</script>

ASP.NET在DIV标记中更改样式

2 个答案: