客户端修改 CSS 样式的问题，请高手帮忙...

我先说明一下，下面这段代码的功能，主要是客户端根据 服务器端 this.ImageStyle 的值，生成同名但作用不同的 CSS 样式:
<style>
  <% if(this.ImageStyle=="right")
     { %>
      .MutiImageSmallContainer{margin-top:5px;width:160px;height:200px;}
  <% }
     else
     { %>
      .MutiImageSmallContainer{margin-top:5px;}
  <% } %>
</style>
============================================================================
现在想请问：如果作出修改，以达到不需要在服务器端对 this.ImageStyle 进行修改就可以对 .MutiImageSmallContainer 这个样式进行变换呢?  谢谢~~~

解决方案 »

  1.   

    定义Style并动态加载,跟动态加载皮肤是一个道理,换汤不换药
      

  2.   

    yuchangmao(学习孟子) 
    可以说得详细点吗? 谢谢...
      

  3.   

    你的想法怎么还是asp的思想呢，你的这些代码完全可以在.cs文件中实现的。可以用属性或方法来实现对HTML中的各个元素的动态调用啊！你可以多看看别人的例子。例如
    <html>
       <body>
          <form>
              <tr>
                    <td height='<%=strHeight %>' />
               </tr>
          </form>
       </body>
    </html>
    在后台中可以定义：
    public string strHeigh;
    这个时候你可以对strHeigh可以随意发附值啊，可以从数据库中取值，也可以取页面输入的值！
    希望我所说的对你有所启示！
      

  4.   

    谢谢 Allen2064(炊烟草民) 的回答，但是我想实现的是： 在客户端直接对 原来的 Css 样式进行修改， 我举个例子：当页面第一次加载并显示了以后，有这样一个样式: .abc{font-size:12pt} , 然后我希望客户端有一个的按钮，这个按钮点击以后，能够将 .abc 的作用改为 {font-Size:20pt}, 不需要回传到 服务器 端, 也就是说， 要避免页面刷新， 请高手们赐教， 谢谢~~~
      

  5.   

    <html>
    <head>
    <script>
    function css(cs)
    {img01.className=cs;
    }
    </script>
    <style>
    <!--
    .aa          { margin-top:5px;width:160px;height:200px;}
    .bb          { margin-top:5px;}
    -->
    </style>
    </head>
       <body>
    <img id=img01 src="">
    <input type="submit" name="Submit" value="aa" onclick=css("aa")>
    <input type="submit" name="Submit2" value="bb" onclick=css("bb")>
       </body>
    </html>