登陆框提醒文字/功能

最新推荐文章于 2024-08-07 21:02:54 发布

hjpking

最新推荐文章于 2024-08-07 21:02:54 发布

阅读量401

点赞数

文章标签： function autocomplete html input 新浪微博 class

本文链接：https://blog.csdn.net/hjpking/article/details/6654845

版权

本文分享了如何在登录框中添加类似新浪微博的提示文字功能，经过一天的探索，成功实现并提供相关代码示例。

摘要由CSDN通过智能技术生成

由于项目需要在登陆框上面添加提醒文字的功能，功能类似于新浪微博的。折腾了一天，总算是把他给弄出来了。下面贴出代码来：

欢迎访问我的博客

<html>
    <head>
        <title>登陆框 提醒功能</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style>
            /*下拉框*/
            .son_ul{background:#fff;width:200px;border:1px solid #ccc;padding:0 2px;position:absolute;left:70px;top:30px;color:#333;text-indent:5px; overflow:hidden;zoom:1;}
            .son_ul ul{padding:0;}
            .son_ul ul li{height:20px;line-height:20px;cursor:pointer;height:20px;line-height:20px; overflow:hidden;}
            .son_ul .hover{background:#efefef;}
            .server_list h2 em{margin-top:0;} 
        </style>
        <script type="text/javascript" src="http://f.game.tom.com/xbyxpt/js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript">
          //定义类
          var lLayer = {
              currentIndex:-1
          };
          //生成页面的HTML代码
          lLayer.geneList = function (prefix)
          {
              if (prefix == '' || prefix =='undefin