无敌秀(JS边栏篇)
基于OpenCloud的API开发开发的网站最近陆续上线,关注已久的“嘀咕秀”也于近期上线,并更名“无敌秀”原来的域名仍然能访问。这次更新加入了大家都很期待的是否显示回应(@开头的内容)功能,FLASH和图片的使用方法跟以往一样。这里就不多说。
目前JS边栏的调用有一些问题,提供修改办法和DIY说明:
- 需要修改的地方
- 将代码中两处www.minicloud.com.cn替换成www.wudishow.com(minicloud.com.cn此域名无法访问到api和对应的wudishow.js文件)
- 将代码中username=hiagone替换成username=你的用户名
- isBack=false为不显示回应,isBack=true为显示回应
- count=20为现实20条瞬间(最多了显示20条)
- JS代码DIY
- 首先需要将wudishow.js文件上传到你自己的空间,下载地址:http://www.minicloud.com.cn/js/wudishow.js
- 去掉“xx正在干嘛”,删除wudishow.js中如下代码:
header.innerHTML = user.nickname + ‘正在干嘛’;
- 去掉“进入xx的火兔主页»”,删除wudishow.js中如下代码:
more.innerHTML = ‘<a href=”‘ + _url + user.username + ‘” target=”_blank”>进入<strong>’ + user.nickname +
’</strong>的’ + _siteName + ‘主页»</a>’; - 调用“640×480”尺寸的图片,演示。找到wudishow.js文件中
status.picPath[i].replace
修改为:
status.picPath[i].replace(’100×75′,’640×480′)
- 将修改后的wudishow.js文件上传覆盖原来的文件,并将JS代码中的wudishow.js文件路径修改为你域名的绝对地址。
- 保存代码,刷新页面。
<div id=”wudiShow”>正在加载</div><script src=”http://www.minicloud.com.cn/js/wudishow.js” type=”text/javascript”></script><script type=”text/javascript”>wudiShow.setUrl(”http://www.huotu.com/”);wudiShow.setSiteName(”火兔”);</script><script src=”http://www.minicloud.com.cn/api/wudishow.jsp?callback=callback&username=hiagone&count=20&isBack=false” type=”text/javascript”></script>
推荐阅读:
Foxling:玩转嘀咕网的嘀咕秀(Widget)
