عرض الإشعارات المتحركة في asp.net

برمجة

2024.03.16

أريد أن يتم عرض الإشعارات على موقع الويب الخاص بي من الأعلى إلى الأسفل. ينبغي جلب الإخطارات من قاعدة البيانات. هل يمكن أن تعطيني بعض الأفكار حول كيفية التنفيذ.

الحل 1
الحل 2

الحل 1

القي نظرة على سيجنال آر[^]. باستخدامه، يمكنك دفع الإخطارات من الخادم إلى العميل.

الحل 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>