📄 default.htm
字号:
<!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>
<title>无标题页</title>
</head>
<script src=prototype.js></script>
<link href="demo2.css" rel="stylesheet" type="text/css" />
<script >
var staticnum=0;//判断执行的ajax操作
$=document.getElementById;//简化写法
/*
document.onreadystatechange=function()
{
if(document.readyState=="complete")
{//页面载入完成执行次操作
}
}
*/
window.onload=function ()
{
gettexttitle(2);//得到文章
}
//prototype ajax method
var url="./ajaxmethod1.aspx";
function searchSales(val)
{
var pars = 'keyword=' + val;
var myAjax = new Ajax.Request(url,{method: 'get', parameters: pars, onComplete: showResponse});
}
function showResponse(originalRequest)
{
var temp=originalRequest.responseText;
switch(staticnum)
{
case 1:
docase1(temp);
break;
case 2:
docase2(temp);
break;
}
}
//---some function
function gettexttitle(v)
{
staticnum=1;
searchSales(""+staticnum+v);
}
function docase1(t)
{
var tab="<table class='tablee' border=1 ><tr><td class='tid'>文章id</td><td class='tt'>文章标题</td></tr>";
// alert(t);
var str="";
var ar1=new Array();
var ar2=new Array();
ar1=t.split(";");
for(var i=0;i<ar1.length-1;i++)
{
ar2=ar1[i].split("&");
str=str+"<tr id=tr"+i+" onmouseover='getc("+i+")' onmouseout=outc("+i+") onclick=cl("+i+")><td class='tid' id='tdd"+i+"' >"+ar2[0]+"</td><td class='tt'>"+ar2[1]+"</td><tr>";
}
var okstr=tab+str+"</table>";
// alert(okstr);
$("main").innerHTML=okstr;
}
function getc(ob)
{
$("tr"+ob).style.backgroundColor="#BE93F2";
$("tr"+ob).style.cursor="hand";
var x=0,y=0;
var ev= ev || window.event;
x=ev.clientX;ev.clientX;
y=ev.clientY;ev.clientY;
document.getElementById("MailObjBox").style.left=x;
document.getElementById("MailObjBox").style.top=y;
getext(ob);
}
function outc(ob)
{
$("tr"+ob).style.backgroundColor="";
document.getElementById("MailObjBox").style.display="none";
}
function cl(ob)
{
}
function getext(ob)
{
var id=$("tdd"+ob).innerHTML;
staticnum=2;
searchSales(""+staticnum+id);
}
function docase2(t)
{
ObjOver(t);
}
//==
var str="",bor=0;
function ObjOver(obj)
{
MailObjBox.style.display="";
MailObj.innerHTML="";
bor=0;
ChS(obj);
}
function ChS(obj){
if(MailObjBox.style.pixelWidth<150)
{
MailObjBox.style.pixelWidth+=2;
MailObjBox.style.pixelHeight++;
setTimeout("ChS('"+obj+"')",5);
}
else
{
str=obj;WrS();
}
}
function WrS()
{
if(bor<str.length)
{
MailObj.innerHTML="<font color=#000000>"+str.slice(0,bor)+"</font>"+"<font color=#ffffff>"+str.slice(bor,bor+1)+"</font>";
bor++;
setTimeout(WrS,50);
}
}
</script>
<body>
<div style=" position:absolute; width:0px;height:0px;border:1 solid black;background:#BDEFF4;font-size:9pt;display:none;overflow:hidden;filter:alpha(opacity=70)" id="MailObjBox">
<div style="width:100%;height:100;word-break:break-all" id="MailObj">asddddddddd</div>
</div>
<table width=500 border=1>
<tr>
<td style="height:20px; width:600px; font-size:18px; text-align:center; ">北极星的新闻
</td>
</tr>
<tr>
<td style="width:500px;">
<div id=main style="width:100%">
</div>
</td>
</tr>
</table>
呵呵。自我感觉这个效果不错，然后就做了一下<br />
一中午没休息，下午还得培训。累死了，觉得好的顶一下。<br />
源代码加了简单的注释，。没时间了，所以没加全<br />
大家凑负看，不明白的跟贴讨论，完全ajax的内容。<br />
出现错误不是本程序的问题，是prototype。js文件里不知道怎么了！<br />
呵呵！<br />
本来想加上单击查看的效果。但是以前做了<br />
就没加上<br />
哈哈<br />
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -