[功能介绍]百变幻灯片,完全diy(高级教程)

[功能介绍]百变幻灯片,完全diy(高级教程)

ID:13139098

大小:689.00 KB

页数:24页

时间:2018-07-20

[功能介绍]百变幻灯片,完全diy(高级教程)_第1页
[功能介绍]百变幻灯片,完全diy(高级教程)_第2页
[功能介绍]百变幻灯片,完全diy(高级教程)_第3页
[功能介绍]百变幻灯片,完全diy(高级教程)_第4页
[功能介绍]百变幻灯片,完全diy(高级教程)_第5页
资源描述:

《[功能介绍]百变幻灯片,完全diy(高级教程)》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、在DIY时如何调用幻灯片,幻灯片该如何制作,这一讲我们来教大家如何制作幻灯片请跟随教程从头到尾仔细阅读,你将收获不小第一步制作幻灯片:后台--》门户--》模块模板点击添加按扭如下图所示2010-9-2510:48上传下载附件(12.23KB)此处可以可以选择不同的模块分类如附件类、帖子类、文章类、图片类等等可以根据你的喜好选择不同的模块分类下面我们以文章类为例来讲解,选择文章分类点提交如下图所示,为新建的模块起个名字如“百变幻灯片”  把代码框里面的内容全部删除2010-9-2510:56上传下载附件(27.19KB)接下来我们输入代码首先

2、在代码框里面输入1.

复制代码其中的div可以是任意标签,如table,span等,我们这里以div为例此处的标签必须加一个class="slidebox"的属性如下面代码所示,只有包含在有class="slidebox"属性的标签里面的内容才是幻灯片,切记如下图所示2010-9-2511:07上传下载附件(13.58KB)接下来,我们增加幻灯代码  下面代码用来实现图片(或内容)的显示作用属性必须为class="slideshow"的标签1.<

3、/div>复制代码上面的代码必须放在class="slidebox"的属性的标签里面上面已经讲过,完整代码如下1.2.3.

4.5.
复制代码接下来我们来增加“滑动”、“点击”的代码  1.
复制代码上面的代码必须放在class="slidebox"的属性的标签里面上面已经讲过,完整代码如下1.2.3.

4、="slideshow">1.2.3.4.复制代码以上代码已完成幻灯片的框架接下来我们为幻灯片添加数据代码在代码中间插入图片显示代码如下代码1.复制代

5、码其中{pic}为图片地址变量,{picwidth}为图片宽度变量,{picheight}为图片高度变量接下来为图片增加循环代码如下代码1.[loop]2.3.[/loop]复制代码完整代码如下1.2.3.[loop]4.

6、"/>5.[/loop]6.7.8.9.复制代码接下来为滑动条增加数字在中增加娄字变量如下代码1.2.[loop1]{currentorder}[/loop1]3.复制代码其中{currentorder}是当前显示的顺序数字  ,其中[loop1]...[/l

7、oop1]为循环,你可能注意到了,这里用了[loop1],如果一个模块中需要多次循环时就可以使用loop1、loop2、loop3以此类推来实现多处循环的目的最后增加脚本代码如下  以下代码放在模块代码的最后1.2.runslideshow();3.复制代码此时一个简单的幻灯片就完成了,幻灯片的完整代码如下1.2.3.[loop]4.

8、ic}"width="{picwidth}"height="{picheight}"/>5.[/loop]6.7.8.

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。