📄 default.aspx

📁 AJAX入门２０例之５

💻 ASPX

字号:

<%@ 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 + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -