码迷,mamicode.com
首页 > 其他好文 > 详细

eyou轮播图切换颜色

时间:2020-04-03 10:30:47      阅读:79      评论:0      收藏:0      [点我收藏+]

标签:地方   如何   首页   文字   轮播   窗口   广告   元素   变化   

有这么一个场景,我们的网站需要个性化一点,通常可能设计把首页轮播图/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轮播图切换颜色

标签:地方   如何   首页   文字   轮播   窗口   广告   元素   变化   

原文地址:https://blog.51cto.com/14747960/2484581

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!