DEDECMS幻灯片中JavaScript怎么应用

   2025-07-29 admin00100

dedecms幻灯片中javascript怎么应用?

今天在制作模板的时候遇到了一个小问题,不过通过查阅网站上的各种资料最终还是得以解决了。

  推荐学习:织梦cms

由于这个问题正好与最近Zero学习的JavaScript有一点点关系,所以Zero就将这个问题以及如何实现JavaScript幻灯特效与DEDECMS调用标签的相互融合做一个小小的总结。 

  问题:如何在DEDECMS栏目页插入幻灯片,同时实现幻灯片里面的图片、标题、描述自动调用。

立即学习“Java免费学习笔记(深入)”;

  第一、找一个心仪的幻灯片特效代码。

  就我目前所学到的这点知识要做一个幻灯片那真是望尘莫及,不会做怎么办?网上找源码,当然有源码的网址还有很多,但是Zero并不提倡,所以就要努力学习告别这种拿来主义的现状。

  第二、将找到的幻灯代码插入到栏目模板的相关位置。

  插入方法也很简单,至需要改变一些调用代码的路径,这点我想大部分朋友都能够理解。(同时别忘了在头部加上调用JS文件)

  以Zero所使用的幻灯片源文件为例: 

JS调用文件

 

插入页面JS代码

 

   当然调用完以后还要将调用文件放在相应的目录文件下。 

  第三步:图片调用代码

  只将放灯片放到网页中,是件很容易的事情。但是要实现幻灯片中的图片、title、描述自动调用就显得不那么容易了,至少Zero就认为不那么容易完成(有其是对JS文件无法修改的时候)。

   下面是Zero在网上找的幻灯片源文件: 

代码如下:

<divid=”FocusObj”></div><scripttype=”text/javascript”><!–//varfocus_width=240;varfocus_height=300;vartext_height=1;varswf_height=focus_height+0;varpics=”images/01.jpg###images/02.jpg###images/03.jpg###images/04.jpg###images/05.jpg”;varlinks=”https://www.jb51.net/###https://www.jb51.net/###https://www.jb51.net/###https://www.jb51.net/###https://www.jb51.net/”;vartexts=”CG渲染的街霸4春丽让人喷血###网游第一美女竟能秒杀周迅?###这不是CG!这是实际游戏截图###神形兼备的拳皇库拉Cosplsy赏###聚龙汇携手IEST电竞全民参与”;vardescripts=”MーRS所制作的3DCG人物灵气不足,但风格强烈,让人###香港《明报》文娱版刊登了题为《李大齐与周迅分手的###《极限竞速》是XBOX阵营第一赛车游戏,在E3上最新的###《拳皇》中的库拉走到现实中会是个什么样呢?我们来###联想IEST由全球第三大PC企业联想集团主办,通过大规”;varfo=newSWFObject(“swf/pix.swf”,“_FocusObj”,focus_width,swf_height,“7″,”F6F8FA”);fo.addVariable(“pics”,pics);fo.addVariable(“links”,links);fo.addVariable(“texts”,texts);fo.addVariable(“descripts”,descripts);fo.addVariable(“borderwidth”,focus_width);fo.addVariable(“borderheight”,focus_height);//fo.addVariable(“textheight”,text_height);fo.addVariable(“border_color”,“#dcd0c2″);//fo.addVariable(“fontsize”,“24″);//fo.addVariable(“fontcolor”,“FFFFFF”);fo.addVariable(“is_border”,“”);fo.addVariable(“is_text”,“1″);fo.addParam(“wmode”,“opaque”);fo.write(“FocusObj”);//–></script>
 
举报收藏 0打赏 0评论 0
 
更多>同类资讯
推荐图文
推荐资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  用户协议  |  隐私政策  |  版权声明  |  网站地图  |  RSS订阅
Powered By DESTOON