Menampilkan notifikasi perpindahan di asp.net

pemrograman

2024.03.16

Saya ingin tampilan notifikasi di situs web saya bergerak dari atas ke bawah. Notifikasi harus diambil dari database. Bisakah Anda memberi saya beberapa ide bagaimana menerapkannya.

Solusi 1
Solusi 2

Solusi 1

Silakan lihat SinyalR[^]. Dengan menggunakannya, Anda dapat mengirim notifikasi dari server ke klien.

Solusi 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>