Hiển thị thông báo di chuyển trong asp.net

lập trình

2024.03.16

Tôi muốn hiển thị thông báo trên trang web của mình theo hướng từ trên xuống dưới. Các thông báo sẽ được lấy từ cơ sở dữ liệu. Bạn có thể cho tôi một số ý tưởng về cách thực hiện.

Giải pháp 1
Giải pháp 2

Giải pháp 1

Hãy nhìn vào Tín hiệuR[^]. Sử dụng nó, bạn có thể đẩy thông báo từ máy chủ đến máy khách.

Giải pháp 2

To display moving notifications in an ASP.NET application, you can utilise JavaScript libraries like jQuery or CSS animations. Here's a simple example using jQuery to create a moving notification:

<head runat="server">
    <title> moving notification</title>
   
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
        <style>
            .notification {
                position: fixed;
                top: 0;
                left: -100px; /* Start position outside the screen */
                background-color: #333;
                color: #fff;
                padding: 10px;
                transition: left 0.5s ease; /* Animation effect */
            }
        </style>
            <script>
                $(document).ready(function () {
                    // Show the notification initially
                    $('#notification').css('left', '10px');

                    // Move the notification across the screen
                    setTimeout(function () {
                        $('#notification').css('left', 'calc(100% - 220px)'); // Adjust according to your layout
                    }, 4000); // Adjust the delay as needed
                });
            </script>
</head>
<body>
    <form id="form1" runat="server">

   <div id="notification" class="notification">
       
       This is a moving notification</div>
    </form>
</body>
</html>