背景更换颜色插件(保护视力色)_动易Cms教程

简单的说就是可以更换表格的背景。文件下载：点击下载文件

步骤一：

下载附件的JS代码和图片，放入网站的images/目录如：站点根目录/images/

　　说明：color系列.gif图片为显示的颜色代码小图标。pagecolor.js为更换背景的JS代码。bottom.js保存颜色代码的JS代码（假如你选择颜色A做为背景色，看下一篇新闻的时候，照样为颜色A，无需要再次选择）

步骤二：

编辑网站模板：文章模板页治理－－内容页模板－－频道内容页模板－－文章内容页模板（一列式）

在适当的表格位置插入：

【 <SPAN class=red>保护视力色：</SPAN><A onmouseover="tb1.style.backgroundColor='FAFBE6';set_color('FAFBE6')" href="#"><IMG alt=杏仁黄 src="{$InstallDir}images/color1.gif" <A onmouseover="tb1.style.backgroundColor='FDE6E0';set_color('FDE6E0')" href="#"><IMG alt=胭脂红 src="{$InstallDir}images/color3.gif" <A onmouseover="tb1.style.backgroundColor='F3FFE1';set_color('F3FFE1')" href="#"><IMG alt=芥末绿 src="{$InstallDir}images/color4.gif" <A onmouseover="tb1.style.backgroundColor='DAFAFE';set_color('DAFAFE')" href="#"><IMG alt=天蓝 src="{$InstallDir}images/color5.gif" <A onmouseover="tb1.style.backgroundColor='E9EBFE';set_color('E9EBFE')" href="#"><IMG alt=雪青 src="{$InstallDir}images/color6.gif" <A onmouseover="tb1.style.backgroundColor='EAEAEF';set_color('EAEAEF')" href="#"><IMG alt=灰 src="{$InstallDir}images/color7.gif" <A onmouseover="tb1.style.backgroundColor='FFFFFF';set_color('FFFFFF')" href="#"><IMG alt=银河白(默认色) src="{$InstallDir}images/color8.gif" <a onMouseOver="tb1.style.backgroundColor='FFF2E2';set_color('FFF2E2')" href="#"><img alt=秋叶褐 src="{$InstallDir}images/color2.gif" 】

在头部插入：<SCRIPT language=JavaScript1.2 src="{$InstallDir}images/pagecolor.js"></SCRIPT>

在尾部插入：<SCRIPT language=JavaScript src="{$InstallDir}images/bottom.js"></SCRIPT>

步骤三：

将你所需要更换背景的表格的<TD>加个代码：id="tb1（如：<td valign="top" id="tb1">），重新生成界面。

查看更多 动易Cms教程  动易Cms模板