欢迎登录

zbog欢迎提示语

:2018-10-24    :392 次   :900 字   

介绍

给博客增加欢迎或者是其他模式提示。

image.png

代码

HTML


<div class="tip" >欢迎</div>


CSS样式

 /*提示*/
.tip{
    position: fixed;
    font-size: 2.4em;
    text-shadow: none;
    border-radius: 5px 5px 5px 5px;
    z-index: 5000;
    top: 60px;
	background:#333;
    width: 200px;
    padding: 10px;
    color: #fff;
	display:none;
    text-align: center;
    left: 0;
    opacity: .40;
}


js最重要

   $(".tip").fadeIn(2000);//淡入
   $('.tip').html('夜间模式');//更改文字
   $(".tip").fadeOut(2000);//淡出




    暂无评论,快来抢沙发吧!
×