使用转换Jquery更改背景颜色

时间:2018-03-12 20:51:45

标签: jquery

我有一个li,其white为主要班级。

HTML

 <li class=white></li>

JQUERY

   setTimeout(function() {
       $('li').removeClass("white").addClass("blue");
               },4000);

我希望课程改变在两种颜色之间进行过渡。否则这个脚本只是隐藏并显示原始颜色而没有任何转换......建议?

2 个答案:

答案 0 :(得分:1)

在CSS中将transition添加到您的课程中。检查代码段。

&#13;
&#13;
setTimeout(function() {
   $("li").removeClass("white").addClass("blue");
},4000);
&#13;
li{
width: 100px;
height: 100px;
}

.white{
background: #ddd;
transition: all 1s;
}

.blue{
background: blue;
transition: all 1s;
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="white"></li>
&#13;
&#13;
&#13;

希望这有帮助

答案 1 :(得分:0)

您必须添加引号:

import os
import openpyxl

os.chdir('C:\\Users\\Simon\\Desktop')
with open("wellbeing.xlsx" ,'r') as f:
    print(f.readlines())