该插件的功能是设置动态背景交替颜色,还可以设置当鼠标经过时改变颜色。其功能比我们前面介绍过的功能要强大的多。
在使用该插件之前我们要确定页面上有一个表格、一个记录集和一个重复区域,如图 12.218 所示。
安装完插件后要重新启动MX,选择页面上的重复区域后在“应用程序”面板上点击“服务器行为”选项卡。在“服务器行为”选项卡上点击“+”按钮,在下拉菜单中选择“Technocurve > Alternate Row Colours”选项,如图 12.219 所示。
此时会弹出如图 12.220 所示的“Alternate Row Colours”设置对话框。
First Colour:第一行表格的颜色。
Second Colour:第二行表格的颜色。
tr tag:标记。
Select correct row:选取适当的行。
设置完成后点击“确定”。
在浏览器测试效果你会发现表格的背景颜色发生了交替变化的颜色。这是该插件的一个简单的功能,还有更强大的功能我们现在来介绍它。
同样在“服务器行为”选项卡上点击“+”按钮,在下拉菜单中选择“Technocurve > Alternate Row Colours MouseOver”选项,如图12.221所示。
First Colour:第一行表格的颜色。
Second Colour:第二行表格的颜色。
First MouseOver Colour:第一行鼠标经过时的颜色。
Second MouseOver Colour:第二行鼠标经过时的颜色。
Select correct tr tag:选取恰当的标签。
The first on the page will be :首行在页面上必须是tr[0]或tr[1]。
In a 2 row table,the second row is:在一个2行的表格里,第二行是。
设置完成后点击“确定”。
在浏览器中测试效果如图 12.222 所示。
当鼠标经过表格的第一行时你会发现它的颜色改变了,如图 12.223 所示。
当鼠标经过表格的第一行时你会发现它的颜色改变了,如图 12.224 所示。
7、Horizontal Looper PHP
该插件的功能是可以设置记录集横向显示。
在使用插件之前首先要创建一个记录集,我们来使用动态表格创建。在对象面板上选择“应用程序”选项卡,在“应用程序”选项卡时点击动态表格图标,如图 12.225 所示。
此时会弹出设置说明对话框。
注意,该对话框的“确定”按钮是灰的,正明当前的页面是没有记录集的页面。
如果你还没有创建站点的话可以点击“站点”来创建。你同样可以选择“文档类型”来选择或更改文档,也可以选择“测试服务器”来更改服务器的设置。
在这里我们是要创建一个动态表格,所以点击创建“记录集”。此时会弹出如图 12.227 所示的“Recordset”设置对话框。
“Recordset”设置对话框我们已经讲过很多遍了,在这里就不再重复了。按钮图设置完成后点击“确定”。此时的设置说明对话框上的“确定”按钮变成可以使用的状态了,如图 12.228 所示。
这时点击设置说明对话框上的“确定”按钮,随后会弹出如图 12.229 所示的动态表格设置对话框。
动态表格设置对话框使用默认设置即可,点击“确定”按钮完成动态表格的设置。
由于我们要使用“Horizontal Looper PHP”插件的横向重复区域功能,所以动态表格自动产生的“重复区域”就要删除。在“服务器行为”面板点击“重复区域”,如图 12.230 所示。
点击服务器行为面板上的“_” 按钮删除该行为。删除后的“服务器行为”面板如图 12.231 所示。
现在我们来使用“Horizontal Looper PHP”插件的横向重复区域功能,如图 12.232 所示的选择“Horizontal Looper MX”选项。
此时会弹出如图 12.233 所示的“Horizontal Looper MX”设置对话框。
Recordset:选择记录集。
Show:显示。
Rows:横排。
Columns:竖排。
All Records:全部记录。
设置完成后点击“确定”。
此时页面上会显示一个嵌套表格,如图 12.234 所示。
在浏览器中测试效果如图 12.235 所示。
没有评论:
发表评论