Ajax 登录时MD5加密验证/ jquery ui tools scrollable（滚动)/MSClass（JS类库滚动)

第一：Ajax 登录时MD5加密验证

Ajax登录重点：输入用户名和密码后，使用Ajax方式将信息提交到服务器端，服务器端判断时候存在该用户，存在则登录成功并转向管理界面（有时需要写cookie或是利用Session，此处不作讨论），不存在则提示登录失败。密码 使用 MD5中hex_md5（string）加密再传输到后台。

 //页面点击登录按钮
    function DynamicLogin() {
   
 
    var UID= $('#UserName').val();
    var PWD=$('#PassWord').val();
        if (UID == "" || PWD == "") {

            if (UID == "") {
                $("#UserName").focus();
            }
            else if (PWD == "") {
                $("#PassWord").focus();
            }
            alert("用户名或密码不能为空！");
        }
        else {
            jQuery.ajax({
                cache: false,
                type: "POST",
                url: "/WebManage/WebLook/Login.aspx",
                data: "UserName=" + escape(UID) + "&PassWord=" + hex_md5(escape(PWD)),

                beforeSend: function ()
                {
                    $("#login").css("display", "none");
                    $("#loading").css("display", "block"); //点击登录后显示loading，隐藏输入框
                  
                },
                success: function (msg)
                {

                    if (msg == "E") {
                        alert("用户名或密码为空！");
                        $("#UserName").focus();
                        return false;
                    }
                    else if (msg == "N") {
                        alert("用户不存在或密码错误！");
                        $("#UserName").focus();
                        return false;
                    }
                    else if (msg == "R") {
                        alert("账号未审核！请联系管理员！");
                        $("#UserName").focus();
                        return false;
                    }
                    else {
                                                
                        $("#login").load("/WebManage/Weblook/LoginDetail.aspx");
                       
                    }

                },
                complete: function (data)
                {
                   
                    $("#loading").css("display", "none"); //点击登录后显示lusername，隐藏loading
                    $("#login").css("display", "block");
                }

            });


        }
    }

参考资料：http://www.cnblogs.com/alexis/archive/2010/09/04/1818144.html

第二：jquery ui tools scrollable

Scrollable是一个灵活、轻量级（3.9kb）用于创建滚动内容的jQuery插件。任何内容（HTML、视频、文件、图片等...）都可以作为一个滚动项。支持水平与垂直两种滚动方向。

滚动插件提供了属性配置，vertical: true即支持垂直滚动；mousewheel: true支持鼠标滚轮驱动。

<script src="/Content/javascript/jQuery/jquery.tools.min.js" type="text/javascript"></script>

<div id="chained" class="scrollable L_newin">
                    <!-- root element for the items -->
                    <div class="items" style="left: -1360px;">
                        #if($dtinfo.Rows.Count==0) <span align="center">暂无记录</span> #else #foreach($dr in $dtinfo.Rows)
    #end #end
                    </div>
                </div>

参考资料：http://www.poluoluo.com/jzxy/201110/143879.html

第三：MSClass,是一款通用不间断滚动JS封装类,几乎支持目前所有流行风格的图片或文字的滚动/切入/渐显等效果,同时支持横向/竖向/连续/间断/缓动等多种形式。

添加：<script src="http://www.cnblogs.com/Content/javascript/MSClass.js" type="text/javascript"></script>

<div class="content-center-box">
        <div class="notice-box div-open">
        <div class="fl mt10">
            <h1 class="fl notice-title">公告:</h1>
            <div class="fl" id="hottitle">
                <p class="notice-info fl ml5" id="notice_scroll">
后台查询出来在此循环<a href=""></a>
</p>
            </div>
        </div>
        <script type="text/javascript">
            new Marquee(["hottitle", "notice_scroll"], 2, 2, 850, 25, 200, 0, 0, 238);
            </script>
    </div>
</div>

参考资料：http://www.popub.net/script/MSClass.html