织梦DeDecms 5.6默认模板首页(index.htm)中所有javascript作用解

时间:2014-10-02

有些新手朋友在刚开始做DedeCMS模板的时候,我相信很多人都会参照默认模板来进行修改或是制作。主要是参考里面的标签含义,但是近来有人在问我,在默认模板首页中有很长一段的JavaScript代码,想弄清楚这些代码的含义。

1)JS文件

  1. <script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script> 

上面这一段的作用是引入DedeCMS 的ajax框架,作用主要是在模板中的一些特效,比如登陆后改变登陆状态、内容页顶与踩、评论列表的支持与反对等等(如果您不需要上述功能,这段代码可以删除);

  1. <script language="javascript" type="text/javascript" src="{dede:global.cfg_cmspath/}/images/js/j.js" ></script> 

上面这一个JS文件是经过压缩后的java代码,他主要的作用是在默认模板中的中间部分的横向滚动的“图片资讯”的地方;

  1. <script language="javascript" type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/pic_scroll.js"></script> 

上面这一个JS文件的作用同上一个,也是“图文资讯”滚动的地方;

  1. <script language="javascript" type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery.cookie.js"></script> 

这个JS文件主要的作用是记录换肤功能的cookies,用于保留用户的选择;

  1. <script language="javascript" type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/changeSkin.js"></script> 

这个JS文件主要用于换肤功能的具体实现代码;

2)Javascript代码

  1. $(function(){      
  2.  $("dl.tbox dt span.label a[_for]").mouseover(function(){      
  3.   $(this).parents("span.label").children("a[_for]").removeClass("thisclass").parents("dl.tbox").children("dd").hide();      
  4.   $(this).addClass("thisclass").blur();      
  5.   $("#"+$(this).attr("_for")).show();      
  6.  });      
  7.  $("a[_for=uc_member]").mouseover();      
  8. });  

  这段代码的主要用途是首页右侧的互动中心中踩踩、评论、会员三个选项的切换效果;

  1. function CheckLogin(){      
  2.   var taget_obj = document.getElementById('_userlogin');      
  3.   myajax = new DedeAjax(taget_obj,false,false,'','','');      
  4.   myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php");      
  5.   DedeXHTTP = null;      
  6. }  

这段代码的主要用途是判断会员是否登录,如果已经登录,则在互动中心的会员框里显示/member/ajax_loginsta.php登陆后的内容;

  1. function multi(pagenum,tagid)      
  2. {      
  3.   var taget_obj = document.getElementById(tagid);      
  4.   var taget_obj_page = document.getElementById("page_"+tagid);      
  5.   myajax = new DedeAjax(taget_obj,false,false,'','','');      
  6.   myajax.SendGet2("/plus/arcmulti.php?mtype=0&pnum="+pagenum+'&tagid='+tagid);      
  7.   myajax = new DedeAjax(taget_obj_page,false,false,'','','');      
  8.   myajax.SendGet2("/plus/arcmulti.php?mtype=1&pnum="+pagenum+'&tagid='+tagid);      
  9.   DedeXHTTP = null;      
  10. }  

这段代码的主要用途是右侧的推荐内容分页,也是DedeV5.6版的新增功能(arclist标签分页);P.s:其实默认的ajax评论也是通过此种方式制作的。

  1. function check(){      
  2.     if(document.formsearch.searchtype.value=="")      
  3.     document.formsearch.action="http://www.google.cn/custom"     
  4.     else     
  5.     document.formsearch.action="{dede:field name='phpurl'/}/search.php"     
  6. }  

这段代码的的作用是顶部的goole搜索那个东西,具体的含义,当我们选择的搜索类型(searchtype)为空,那么提交的目标地址就是http://www.google.cn/custom,否则就提交到站内搜索的地址/plus/search.php!

上一条:修改织梦DeDeCms 5.6/5.7搜索结果显示数量 下一条:织梦DeDecms修改文章标题的长度的方法

相关文章

最新文章