html课题研究学习日记#26

本日开始对网页代码进行编写。

完成了PC端网站的首页banner图和和导航栏

Js 实现鼠标悬停查看更多食谱时模块颜色变红，鼠标离开时颜色恢复正常

function f1(domobj) {

        //1.调用对应行的style值然后去赋值

        domobj.style.backgroundColor="red";

}

function f2(domobj) {

        domobj.style.backgroundColor="black";

    }

Html 对应代码

<a href="#" class="btn btn-primary" οnmοuseοver="f1(this)" οnmοuseοut="f2(this)">查看更多食谱</a>

//设置banner背景图css样式

#cta {

    background: rgba(0, 0, 0, 0) url(../../upload/cta_01.jpg) no-repeat scroll top center / cover;

    position: relative;

}

//导航栏css样式

.navbar {

    margin-bottom: 0;

}

.navbar-nav .nav-link:hover,

.navbar-inverse .navbar-nav .nav-link,

.navbar-nav .nav-link {

    color: #ffffff !important;

}

.navbar-nav .nav-link:hover {

    opacity: 0.9;

}

本日学习时间3小时。