js滑动提示效果代码分享

前端之家收集整理的这篇文章主要介绍了js滑动提示效果代码分享前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了js滑动提示效果,供大家参考,具体内容如下

js代码漂亮的动画效果;在靠右上角:背景颜色为红,字体颜色为白色 滑动 变大 上移 缓慢渐变消失

$("#tishi").attr("style","border: 1px solid #000;position: absolute; z-index: 10; width:200px; height: 30px;color:white;background-color:Red;border-radius:25px;-moz-border-radius:25px; text-align:center;left:70%; top:10%; display: none");

$("#tishi").show().animate({
width: '300px',height: '37px',top: '-=10px',opacity: '0.8'
},"slow");
$("#tishi").show().animate({
top: '-=10px',opacity: '0.6'

},opacity: '0.4'
},opacity: '0.2'
},opacity: '0.0'
},"slow");
}

前台代码,写在body里:

希望本文所述对大家学习javascript程序设计有所帮助。

原文链接:https://www.f2er.com/js/49726.html

猜你在找的JavaScript相关文章