Affichage de la notification en mouvement dans asp.net

la programmation

2024.03.16

[ad_1]

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>

[ad_2]