网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> 动易专区 >> SiteFactory教程 >> 正文
最新文章
· 三个文件四行代码解决SiteWeaver6.8编
· 会员中心添加视频,FLASH前台不显示
· 网页中加入背景音乐
· 安装网站时提示数据库相关错误解决办
· 批量替换数据库挂马字段内容
· 动易系列软件产品4.7版本发布
· 动易系列软件产品4.6版本发布
· 标题中的符号导致焦点图不显示
· 导航条当前栏目按钮加亮效果详解
· 自定义模型内容页访问地址添加参数的
热门文章
 学习动易SF标签常用的XSLT <xsl:te
 在SiteFactory™后台制作、管
 SiteFactory自定义模型建立操作教程
 学习动易SF标签常用的XSLT元素
 标签出错,提示原因“缺少根元素”
 SiteFactory标签参数
 SiteFactory标签制作流程——最新头
 SiteFactory标签制作流程——最新头
 自定义模型内容页访问地址添加参数
 SiteFactory学习笔记
相关文章
没有相关文章
动手制作标签云Tags效果
来源:动易论坛 更新时间:2010/1/19 17:43:36 阅读次数:
字体:[ ] 我要投稿

实现的效果:http://www.site5s.com/Item/43.aspx

flash版的标签云效果,并且考虑了兼容性和SEO

其实现的过程比较简单,大致分3步:

第1步:上传文件,swfobject.js + tagcloud.swf, JS文件放置到/js文件夹,  SWF放到/images文件夹

flash_tagcloud.rar

第2步:修改内容页模板文件。 在需要显示标签云的地方插入以下代码:


<script type="text/javascript" src="{PE.SiteConfig.ApplicationPath/}JS/swfobject.js"></script>
<div id="cloud_tags">{PE.Label id="热门Tag标签" splitChar="" outputQty="20" /}</div> <script type="text/javascript"> var cloud_tag="<tags>{PE.Label id="标签云Tags" outputQty="20" /}</tags>"; var regEx = /\<a\>(.*?)\<\/a\>/gi; var Tags = cloud_tag.replace(regEx,"<a href='/Tag.aspx?keyword=$1' style='18'>$1</a>");
var flashvars = {tspeed:150,mode:"tags",tagcloud:Tags};      
var params = {wmode:"transparent",allowScriptAccess:"always"};
var rnumber = Math.floor(Math.random()*9999999);
swfobject.embedSWF("/Images/tagcloud.swf?r="+rnumber, "cloud_tags", "300", "240", "9.0.0","", flashvars, params);
</script>

其中有两处需要注意:
1)<div id="cloud_tags">{PE.Label id="热门Tag标签" splitChar="" outputQty="20" /}</div>加入这个是为了搜索引擎能抓取到tags, 下面那个标签因为是js文件中的内容,搜索引擎抓取不到,考虑到seo,就加了这么一个div.
DIV的ID不要改,因为下面要用到。
2){PE.Label id="标签云Tags" outputQty="20" /}这个是因为上面的这个标签在使用xslt输出的时候,所有属性都是用双引号的,在js赋值的时候就有问题了,所以我新建一个“标签云Tags”的标签输出“<a>网站架构</a>”这样的内容,然后用正则表达式替换成带属性的链接,这样就解决问题了。

第3步:创建一个“标签云Tags”的自定义标签。(没难度,照着截图做就行)

 


SELECT TOP @outputQty KeywordText FROM PE_Keywords ORDER BY Priority DESC,Hits DESC

<?xml version="1.0" encoding="utf-8"?>
<xsl:transform version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:pe="labelproc" exclude-result-prefixes="pe">
<xsl:output method="html" />
<xsl:param name="splitChar" />
<xsl:variable name="countnum" select="count(/NewDataSet/Table)" />
<xsl:template match="/NewDataSet">
 <xsl:for-each select="Table">
  <a>
  <xsl:value-of select="KeywordText" />
  </a>
 </xsl:for-each>
</xsl:template>
</xsl:transform>

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号