[研究]ASP.NET,WebForm,顯示非.gif的進度環(Progress Ring)圖片
2024-04-20
Awesome WYSIWYG EDITORS
https://github.com/JefMari/awesome-wysiwyg-editors
環境：Visual Studio 2022 + ASP.NET + WebForm + Web Application + C# + SQL Server 2019 + SQL Server Management Studio (SSMS) 19
********************************************************************************
Default.aspx
<%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="Default.aspx.cs" Inherits="WebApplication1.Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<style>
#progress-ring {
width: 100px;
height: 100px;
border: 10px solid #ccc;
border-top-color: #007bff;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<h1>Progress Ring Demo</h1>
<div id="progress-ring"></div>
</div>
</form>
<script>
// JavaScript 程式碼
// 範例：透過 JavaScript 改變進度環的顏色
// document.getElementById("progress-ring").style.borderTopColor = "#ff0000";
// 將進度環的顏色修改為紅色
</script>
</body>
</html>
|
********************************************************************************
Default.aspx.cs
xxx |
(完)
相關
沒有留言:
張貼留言