Web2.0Link.

By19.Published on四月 22, 2007 22:42. 7 Views .
很差差一般好非常好 (暂时没有评分)
Loading ... Loading ...

来自于go2web20.net,最喜欢他的TAGS,生成XML设置节点的TAG属性便能方便的分类查找。

编译了这个FLASH,因为go2web20.net是一个“品网”所以用来发布提交给他或者他收集的站点,我们可以用来为自己的文章做一个展示内容的FLASH~或者做一个类似的友情链接,像上面这样。根据自己的想法修改了一下,他们一开始读到所有图片,不过我觉得那样太乱了,改成Rollover时候读取图片(加了些效果,鼠标移到链接稍等读到图片)并且把界面改成了适合我的风格(红黑)这样看着好多了。点击上方TAGS按钮得到相应文章TAGS分类,以及输入字符查找标题,在两个XML中配置好便OK了。当然也可以试试读取数据库来更方便配置(或者解析RRS)。

>

提供源文:- Web2.0Link.rar -

里面包括:源文件(一个工程) xml文件 JS文件,JS文件不是必须,因为go2web20.net中点开FLASH生成的链接后显示的是一个隐藏DIV,可以去go2web20.net看下,链接执行javascript:showAppFrame(传入的标题参数),之后显示appFrameHolder,根据传入的标题Ajax获取详细内容。AS中我把响应JS的部分都注掉了,修改成直接获取logosData.xml中AD(文章链接)后打开链接,如果要做到和go2web20.net相同的效果可以自己修改一下。XML和AS、编译出来的类都在提供的包里,一看便知。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
//隐藏和显示
function showAppFrame(appIdOrName) {
	//点击TAG等按钮执行showAppFrame(-1)
	//点击图片执行showAppFrame(标题参数)
	if (appIdOrName==-1){
		hideAppFrame();
		return;
	}
	var fullPanelHeight = 150;
	Element.setStyle('appFrameHolder', {height:fullPanelHeight+'px'} );
	reorderLayout();
	urchinTracker('/Open Info Panel/'+appIdOrName);
	loadAppData(appIdOrName);
}
function hideAppFrame(){
	$('appData').innerHTML = "";
	Element.setStyle('appFrameHolder', {height:'0px'} );
	reorderLayout();
}

+ 注意AS设置文件地址

1
2
3
4
5
6
7
1.if (_url.indexOf("file://")>-1) {
	basePath = "http://localhost/";
} else {
	basePath = "";
} //定义basePath
2.settingsXML.load("settings.xml"); //配置文件
3._loc4.loadClip(basePath+"weblink/images/"+allLogosAr[logoIndex].image) //图片地址

+ XML的关键配置

1
2
3
4
5
6
7
8
9
10
11
<key name="thumbWidth" value="93"/> //加载图片宽(logosHolder)
<key name="thumbHeight" value="63"/> //加载图片高
<key name="thumbSpacing" value="3"/> //加载图片间距
<key name="thumbInnerMargins" value="2"/> //填充
<key name="pageMargins" value="10"/> //页面两边间距
<key name="logosTop" value="65"/> //上边间距
<key name="scrollSpeed" value="10"/> //形成速度
<key name="maxTagRank" value="60"/> //TAGS等级
//图片配置文件属性
<item id="76" title="GLLL." image="76.jpg" tags="GL`LL,photos" hot="0" ad="http://www.ll19.com/?p=76"><![CDATA[照片.]]></item>
//title="标题" image="图片地址" tags="tags" ad="链接"
{ 6 comments } { Tags: , }

xmlMenu

By19.Published on二月 3, 2007 9:49. 7 Views .
很差差一般好非常好 (暂时没有评分)
Loading ... Loading ...

昨天在蓝色上看到,keyframe1.com制作的一个xmlMenu。之前看过很多类似效果,不过这个给我的第一印象还是很酷,并且配置XML也方便了不少(虽然现在我还不知道如何能用到她)。

提供他们的源文 - xmlMenu -

继续阅读…Continue reading…

{ 6 comments } { Tags: }