⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 index.html

📁 asp.net +AJAX无刷新聊天室
💻 HTML
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Hasense.net Pajax Chat v2.0</title>
<link href="./chat.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="chat.js"></script>
</head>
<body onload="$();getmess();" onmouseover="self.status='Hasense.net Pajax Chat v2.0';return true">
<div id="Message">
  <table width="300" border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#CCCCCC">
    <tr>
      <td height="28" align="right" bgcolor="#F2F2F2"><span style="cursor:pointer;">输入你的名称</span> &nbsp;</td>
    </tr>
    <tr>
      <td height="130" align="center" bgcolor="#F2F2F2"><input name="userid" type="text" class="fcolor" id="userid" size="15"  onkeydown="if(event.keyCode==13) chkuser();"/> &nbsp;<input type="button" name="submit" value="OK" class="button" onclick="chkuser();"/></td>
    </tr>
	<tr>
      <td height="20" align="center" bgcolor="#F2F2F2"><span style="color:#FF0000;"><div id="errmeg"></div></span></td>
    </tr>
  </table>
</div>
<div id="Screen"></div>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center"><h1><i>Hasense.net Pajax Chat v2.0</i></h1></td>
  </tr>
  <tr>
    <td align="center">(兼容ie5以上、firefox、Oper)</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="85%"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="31"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="11" height="31"><img src="img/bg_left_top.gif" width="11" height="31" /></td>
              <td width="160"><span class="s14 fcolor"><b>Ailen'<i> Ajax chat </i></b></span></td>
              <td background="img/bg_back_top.gif">&nbsp;</td>
              <td width="31" height="31"><img src="img/bg_right_top.gif" width="31" height="31" /></td>
            </tr>
        </table></td>
      </tr>
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="1" background="img/bg_left_center.gif"></td>
              <td height="360"><div id="mess_box" align="left" style="width: 97%;">&nbsp; </div></td>
              <td width="5" background="img/bg_right_center.gif"></td>
            </tr>
        </table></td>
      </tr>
      <tr>
        <td height="31"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="3" height="31"><img src="img/line_left_point.gif" width="3" height="31" /></td>
              <td background="img/line_back_point.gif">&nbsp;</td>
              <td width="5" height="31"><img src="img/line_right_point.gif" width="5" height="31" /></td>
            </tr>
        </table></td>
      </tr>
    </table></td>
    <td width="28%"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="31"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="11" height="31"><img src="img/bg_left_top.gif" width="11" height="31" /></td>
              <td width="60"><span class="s14 fcolor"><b><i> On-Line </i></b></span></td>
              <td background="img/bg_back_top.gif">&nbsp;</td>
              <td width="31" height="31"><img src="img/bg_right_top.gif" width="31" height="31" /></td>
            </tr>
        </table></td>
      </tr>
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="1" background="img/bg_left_center.gif"></td>
              <td height="360" valign="top">&nbsp; <div id="on_line" align="left" style="width: 97%;">&nbsp; </div></td>
              <td width="5" background="img/bg_right_center.gif"></td>
            </tr>
        </table></td>
      </tr>
      <tr>
        <td height="31"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="3" height="31"><img src="img/line_left_point.gif" width="3" height="31" /></td>
              <td background="img/line_back_point.gif">&nbsp;</td>
              <td width="5" height="31"><img src="img/line_right_point.gif" width="5" height="31" /></td>
            </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="25" align="left"><span class="fcolor">我  对:
      <input name="mtowho" type="text" class="fcolor" id="mtowho" value="所有人" size="10" readonly="readonly"/>
      <select name="mfont" id="mfont" class="fcolor">
		  <option value="0" selected="selected">一般</option>
		  <option value="1">粗体</option>
		  <option value="2">斜体</option>
     </select>
     <select name="mfcolor" id="mfcolor" size="1" class="fcolor" style="width:60px;">
      <option value="#FFFFFF" style="background-color:#FFFFFF"></option>
      <option value="#000000" style="background-color:#000000" selected="selected"></option>
      <option value="#0000FF" style="background-color:#0000FF"></option>
      <option value="#00FF00" style="background-color:#00FF00"></option>
      <option value="#FF0000" style="background-color:#FF0000"></option>
      <option value="#FF00FF" style="background-color:#FF00FF"></option>
      <option value="#9900FF" style="background-color:#9900FF"></option>
      <option value="#FFFF00" style="background-color:#FFFF00"></option>
      <option value="#330000" style="background-color:#330000"></option>
      <option value="#6600FF" style="background-color:#6600FF"></option>
      <option value="#663333" style="background-color:#663333"></option>
      <option value="#CCCCCC" style="background-color:#CCCCCC"></option>
    </select>
    <select name="elist" id="elist" class="fcolor">
      <option value="" selected="selected">不用表情</option>
      <option value="14.gif">微笑</option>
      <option value="1.gif">撇嘴</option>
      <option value="2.gif">色</option>
      <option value="3.gif">发呆</option>
      <option value="4.gif">得意</option>
      <option value="5.gif">流泪</option>
      <option value="6.gif">害羞</option>
      <option value="7.gif">闭嘴</option>
      <option value="8.gif">睡</option>
      <option value="9.gif">大哭</option>
      <option value="10.gif">尴尬</option>
      <option value="11.gif">发怒</option>
      <option value="12.gif">调皮</option>
      <option value="13.gif">呲牙</option>
      <option value="0.gif">惊讶</option>
      <option value="15.gif">难过</option>
      <option value="16.gif">酷</option>
      <option value="17.gif">非典</option>
      <option value="18.gif">抓狂</option>
      <option value="19.gif">吐</option>
      <option value="20.gif">偷笑</option>
      <option value="21.gif">可爱</option>
      <option value="22.gif">白眼</option>
      <option value="23.gif">傲慢</option>
      <option value="24.gif">饥饿</option>
      <option value="25.gif">困</option>
      <option value="26.gif">惊恐</option>
      <option value="27.gif">流汗</option>
      <option value="28.gif">憨笑</option>
      <option value="29.gif">大兵</option>
	  <option value="30.gif">奋斗</option>
	  <option value="31.gif">咒骂</option>
	  <option value="32.gif">疑问</option>
	  <option value="33.gif">嘘..</option>
	  <option value="34.gif">晕</option>
	  <option value="35.gif">折磨</option>
	  <option value="36.gif">衰</option>
	  <option value="37.gif">骷髅</option>
	  <option value="38.gif">敲打</option>
	  <option value="39.gif">再见</option>
	  <option value="40.gif">闪人</option>
	  <option value="41.gif">发抖</option>
	  <option value="42.gif">爱情</option>
	  <option value="43.gif">跳</option>
	  <option value="44.gif">找</option>
	  <option value="45.gif">美眉</option>
	  <option value="46.gif">猪头</option>
	  <option value="47.gif">猫咪</option>
	  <option value="48.gif">小狗</option>
	  <option value="49.gif">钱</option>
	  <option value="50.gif">灯泡</option>
	  <option value="51.gif">酒杯</option>
	  <option value="52.gif">蛋糕</option>
    </select>
[<a href="#">改名</a>][<a href="#">刷新</a>][<a href="#">帮助</a>]</a></span></td>
  </tr>
  <tr>
    <td height="25" align="left"><span class="fcolor">要说的话: </span>
	<input id="mess" type="text" size="75" maxlength="90" onkeydown="if(event.keyCode==13 && event.ctrlKey ) SendMess();"/>
	<input type="button" name="submit" value="Ctrl+Enter" class="button" onclick="SendMess();" /></td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="25" align="center"><p class="fcolor"><a href="http://www.hasense.net">www.hasense.net</a> &copy; 华新科技网 QQ:81413406</p> </td>
  </tr>
  <tr>
    <td align="center">&nbsp;<script language="javascript" src="http://www.wtct.cn/statscript.php?countid=784&logo=2"></script>&nbsp;</td>
  </tr>
</table>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -