Affichage de la notification en mouvement dans asp.net

la programmation

2024.03.16

Je souhaite que les notifications s’affichent sur mon site Web de haut en bas. Les notifications doivent être extraites de la base de données. Pouvez-vous me donner quelques idées sur la façon de mettre en œuvre.

Solution 1
Solution 2

Solution 1

Jettes un coup d’oeil à SignalR[^]. En l’utilisant, vous pouvez envoyer des notifications du serveur au client.

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