★★升级后原来的代码不能使用了，抽空修正，版权归属原创者闫成洋同学★★

显示访客照片的原理很简单的， 取得访客页面的一段特定的代码放被访客的页面上，我们需要做的就是取得访客页面上小照片的地址（大照片是有权限限制的，不一定都可以获取的）。

★☆★首先我们就要得到访客的地址（这样才能知道访客页面使用的代码呀），当你登陆帐号后几乎在校内网的每一张页面上都会看到导航条：“我的页面”、“我的好友”、“我的日志”……“我的页面”包含的链接就是访客的地址。注意到校内网访客地址不同的只是校内ID，我们可以通过校内ID最终取得访客的完整地址！请看使用的代码：
var aaa= $('mymenu').innerHTML;
var idloc = aaa.indexOf('getuser.do?id=');
aaa = aaa.substring(idloc + 14);
var idend = aaa.indexOf('"');
userid = aaa.substring(0,idend);
url = ' + userid;

①“mymenu”就是导航条所在的容器的ID；
②$() 方法返回参数传入的id的那个元素,也可以传入多个id作为参数然后 $()返回一个带有所有要求的元素的一个 Array 对象
③innerHTML属性，几乎所有的元素都有innerHTML属性，它是一个字符串，返回元素的标签内部的HTML字符内容，比如这样的代码<div id="info"><B>lankerscu</B></div>则window.info.innerHTML的值就是"<B>lankerscu</B>"。
④indexOf 方法返回一个整数值，指出 String 对象内子字符串的开始位置。如果没有找到子字符串，则返回 -1。
⑤substring方法返回位于 String 对象中指定起始位置和结束位置的子字符串
通过方法的讲解，自己对照返回的innerHTML值，相信会明白怎么得出校内ID的。

★☆★接着，通过Ajax技术获取访客页面的代码，结合indexOf 方法和substring方法层层削减，最后等到访客姓名和访客小照片地址。请看使用的代码：
var tAjax = new Ajax.Request(url,{method:'get',onComplete: sayhello});
function sayhello(reponse){
t= reponse.responseText;
var nameBegin = t.indexOf('title>');
var nameEnd = t.indexOf('/title>');
name = t.substring(nameBegin + 12,nameEnd - 1);
$('uname').innerText=name;//获取访客姓名，自定义ID：uname
var photoBegin=t.indexOf('return openPhoto()');
var photoEnd=t.indexOf('id="userpic"');
photo=t.substring(photoBegin,photoEnd);
photoBegin = photo.indexOf('src="') + 5;
photo=photo.substring(photoBegin);
photoEnd=photo.indexOf('"');
photo=photo.substring(0,photoEnd);
$('uimg').src=photo;//获取访客小照片地址，自定义ID：uimg

①AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。如今 Google Suggest 和 Google Maps 使用了 Ajax，通过 Ajax，我们可以使得客户端得到丰富的应用体验及交换操作，而用户不会感觉到有网页提交或刷新的过程，页面也不需要被重新加载，应用的数据交换都被隐藏。
②Ajax.Request对象
var Ajax = new Ajax.Request( url,{method: 'get', onComplete: sayhello});
url:与服务器通信的地址
method:数据提交的方式
onComplete:完成接收响应的时候将调用的方法sayhello
③$() 方法预定义容器ID，方便被访客页面调用取得的信息

★☆★最后，被访客页面调用取得的信息，这个就很简单了，想要多个性就自己加工得多个性，关键语句对信息的调用：<font id='uname' color='blue'></font><img src="#" id="uimg"/>

★★想添加特效的同学可以使用这个方法手动修改：
找到插件代码中的：<img src="#" id="uimg"/>
把代码修改为<DIV style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black(); WIDTH: 200px; HEIGHT: 128px"><img src="#" id="uimg"/></div>

★★想让访客照片滚动起来的，还可以使用<marquee> ... </marquee>，移动属性很多人都在使用，就不多讲……

▲△▲相信以后校内网再升级，大家也会自己更改了^_^▲△▲

还有不少同学问我怎么使用这个插件，那我就再简单补充：下载附件的源代码，把源代码全部复制到你的涂鸦版就OK。代码中出现“javasc ript”中间的空白处不是空格，是TAB制表符，如果不小心删除了，可以在记事本输入制表符，再复制到涂鸦版。

◆◆◆◆◆◆注意◆◆◆◆◆◆
校内网程序变动
插件源代码已经更新
请到17楼下载
◆◆◆◆◆◆9月4日◆◆◆◆◆
附件源代码：
http://img.xiaonei.com/photos/20060825/1230/orig144273.rar