有这么一个场景,我们的网站需要个性化一点,通常可能设计把首页轮播图/banner拉通或全屏,这时候我们的logo、导航等元素就需要透明的浮动在轮播图上方。尴尬的地方就在于如果这些元素是白色,背景是白色或者黑色文字,背景也是黑色?如何切换css颜色?
需求:
我们需要能够定义浮动元素跟随banner进行切换css。
动手:
-
App/admin/tem/ad_po/edit.htm
在新窗口checkbox处增加一个同样的bgcolor复选框
下方JS也需要同样增加一个bgcolor - App/admin/contro/adposition.php增加字段bgcolor
然后就是前台css的控制,根据页面设计,默认给一个黑色或白色。
关键点:在轮播图方法里判断该条广告bgcolor的值,true就js给页面body加个yes样式class,false就默认不做变化,这样就通过yes的有无切换样式了。
来源:51CTO
作者:xdunz
链接:https://blog.51cto.com/14747960/2484581