Menampilkan notifikasi perpindahan di asp.net

pemrograman

2024.03.16

[ad_1]

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>

[ad_2]