DEDECMS幻灯片中JavaScript怎么应用-DEDECMS

资源魔 40 0

DEDECMS幻灯片中JavaScript怎样使用?

明天正在制造模板的时分遇到了一个小成绩,不外经过查阅网站上的各类材料终极仍是患上以处理了。

保举学习:织梦cms

因为这个成绩正好与比来Zero学习的JavaScript有一点点关系,以是Zero就将这个成绩和若何完成JavaScript幻灯殊效与DEDECMS挪用标签的互相交融做一个小小的总结。

成绩:若何正在DEDECMS栏目页拔出幻灯片,同时完成幻灯片外面的图片、题目、形容主动挪用。

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

就我今朝所学到的这点常识要做一个幻灯片那真是可望不可即,没有会做怎样办?网上找源码,当然有源码的网址另有不少,然而Zero其实不倡导,以是就要致力学习辞别这类拿来主义的近况。

第2、将找到的幻灯代码拔出到栏目模板的相干地位。

拔出办法也很简略,至需求扭转一些挪用代码的门路,这点我想年夜局部冤家都可以了解。(同时别忘了正在头部加之挪用JS文件)

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

42d5758001f7aad733ccdb5c7782e45.png

JS挪用文件

42d5758001f7aad733ccdb5c7782e45.png

拔出页面JS代码

当然挪用完当前还要将挪用文件放正在相应的目次文件下。

第三步:图片挪用代码

只将放灯片放到网页中,是件很容易的事件。然而要完成幻灯片中的图片、title、形容主动挪用就显患上没有那末容易了,至多Zero就以为没有那末容易实现(有其是对JS文件无奈修正的时分)。

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

代码以下:

<div id=”FocusObj” ></div> 
<script type=”text/javascript”> 
<!–// 
var focus_width=240; 
var focus_height=300; 
var text_height=1; 
var swf_height=focus_height + 0; 
var pics=”images/01.jpg###images/02.jpg###images/03.jpg###images/04.jpg###images/05.jpg”; 
var links=”https://www.jb51.net/###https://www.jb51.net/###https://www.jb51.net/###https://www.jb51.net/###https://www.jb51.net/”; 
var texts=”CG衬着的街霸4春丽让人喷血###网游第一美男竟能秒杀周迅?###这没有是CG!这是实际游戏截图###神形兼备的拳皇库拉Cosplsy赏###聚龙汇携手IEST 电竞全平易近参加”; 
var descripts=”MーRS所制造的3D CG人物灵气有余,但格调激烈,让人###香港《明报》娱乐版登载了题为《李年夜齐与周迅离别的###《极限竞速》是XBOX营垒第一赛车游戏,正在E3上最新的###《拳皇》中的库拉走到事实中会是个甚么样呢?咱们来###联想IEST由寰球第三年夜PC企业联想团体主理,经过年夜规”; 
var fo = new SWFObject(“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>

标签: dedecms 织梦教程 织梦技巧 dedecms教程 dede问题解决

抱歉,评论功能暂时关闭!