default.aspx

来自「AJAX入门20例之5」· ASPX 代码 · 共 36 行

ASPX
36
字号
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    function changestyle()
    {
      //获取页面上元素
       var dom=document.getElementById("txt");
       //更改元素的样式
       dom.style.fontSize="42";
       dom.style.color="fuchsia";
       dom.style.textDecoration= "overline";
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
       这是一个动态改变CSS样式的演示
    </div>
       <div align="center"><asp:Image ID="Image1" runat="server" Height="115px" ImageUrl="~/Winter.jpg" Width="239px" /></div> <br />
    <div class="input" id="txt">这是演示代码</div>

    <div>
    <br />
    <input type="button" value="改变样式" onclick="changestyle()" />
    </div>
    </form>
</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?