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="链接"

本文来自: http://www.ll19.com/web20-link-tags-xml-flash.html

{ Tags: , }
这篇文章发布于 2007年04月22日,星期日,10:42 下午,归类于 Collect。 您可以跟踪这篇文章的评论通过 RSS 2.0 feed。 您可以留下评论,或者从您的站点trackback

6 Responses to “ Web2.0Link. ”

  1. VIVI VIVI 说: ( Stranger commented in LL19.com )

    谢谢,这个如果从新设计以下放在右边当作链接展示应该是个不错的效果。

  2. 橙橙FLYING 橙橙FLYING 说: ( Stranger commented in LL19.com )

    很有创意的,谢谢才子小朋友~~~~~

  3. GLLL. GLLL. 说: ( Admin commented )

    请教用在PJBLOG上,该怎么设置?谢谢

    和用的什么类型的BLOG没有任何关系~

  4. BANGSBER BANGSBER 说: ( Stranger commented in LL19.com )

    请教用在PJBLOG上,该怎么设置?谢谢

  5. GLLL. GLLL. 说: ( Admin commented )

    很漂亮的创意。
    不过给你的blog一个小建议。侧边栏的小电视不要自动播发。太拖网速了。我还在用512K的ADSL- -。 或者多个停止按钮

    :小电视加上了小停止按钮 – -
    不觉得这个FLASH TAGS功能很棒么~

  6. Jazy Jazy 说: ( Has commented 1 times in LL19.com )

    很漂亮的创意。
    不过给你的blog一个小建议。侧边栏的小电视不要自动播发。太拖网速了。我还在用512K的ADSL- -。 或者多个停止按钮


文章回复(Leave a reply):

注意: 评论者允许直接点击留言人下方的“回复并邮件”按钮将自己回复的评论邮件通知另外评论者。点击“回复”按钮则只回复不发邮件。