eyou轮播图切换颜色

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了eyou轮播图切换颜色相关的知识,希望对你有一定的参考价值。

有这么一个场景,我们的网站需要个性化一点,通常可能设计把首页轮播图/banner拉通或全屏,这时候我们的logo、导航等元素就需要透明的浮动在轮播图上方。尴尬的地方就在于如果这些元素是白色,背景是白色或者黑色文字,背景也是黑色?如何切换css颜色?
需求:
我们需要能够定义浮动元素跟随banner进行切换css。
动手:

  1. App/admin/tem/ad_po/edit.htm
    在新窗口checkbox处增加一个同样的bgcolor复选框
    下方JS也需要同样增加一个bgcolor

  2. App/admin/contro/adposition.php增加字段bgcolor

然后就是前台css的控制,根据页面设计,默认给一个黑色或白色。
关键点:在轮播图方法里判断该条广告bgcolor的值,true就js给页面body加个yes样式class,false就默认不做变化,这样就通过yes的有无切换样式了。

以上是关于eyou轮播图切换颜色的主要内容,如果未能解决你的问题,请参考以下文章

js实现左右切换轮播图思路

小程序轮播图样式

js实现效果:循环轮播图

Android使用ViewPager实现轮播图(自动和手动)

网页设计中如何添加焦点切换轮播图呢

JavaScript 轮播图(PC端)