[JQ权威指南]Active插件的使用-优快云博客

本文介绍如何在管理系统登录页面通过Activebar2插件实现消息通知功能。具体步骤包括引入必要的JavaScript文件，设置消息条通知内容，并从数据库获取提示信息进行展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

(1)插件activebar2.js
(2)功能描述在管理系统登录页面中调用消息通知插件Activebar2,页面加载完成时，在浏览器的最顶部显示从后台数据库抓取的提示信息：
(3)实现代码
JS代码：


        <!-- start -->
        <script src="Jquery/jquery-1.7.2.min.js" type="text/javascript"></script>
        <script src="Jquery/activebar2.js" type="text/javascript"></script>

        <!-- end -->

    <script type="text/javascript">
            $(function() {
                //设置消息条通知内容
                var $strTip ='<%=GetTip() %>';
                //在div元素中显示通知内容
                $('<div></div>').html($strTip).activebar({
                    'font': 'serif', //字体名
                    'url': '#', //点击内容的URL
                    'highlight': 'Highlight',
                });
            });
        </script>

CS代码：

        public string GetTip()
        {
            string tip = string.Empty;
            string strSql = string.Format("SELECT [Message],[CreateDate] FROM [OA].[dbo].[DZ_Message] where convert(char(10),[CreateDate],120)= convert(char(10),getdate(),120)");
            using (SqlDataReader dr = SqlHelper.ExecuteReader(SqlHelper.conn, CommandType.Text, strSql))
            {
                if (dr.Read())
                {
                    tip = "温馨提示:" + dr[0].ToString();
                }
            }
            return tip;
        }