This article mainly shares the js slide tip effect code with simple implementation methods. Interested parties can refer to the examples in this article to share the js slide tip effect for your reference, the details are as follows:
Js Code has a nice animation effect. In the top right corner, the background color is red, and the font color is white. sliding up slowly and gradually disappears.
function tishi() { $("#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' }, "slow"); $("#tishi").show().animate({ top: '-=10px' , opacity: '0.4' }, "slow"); $("#tishi").show().animate({ top: '-=10px' , opacity: '0.2' }, "slow"); $("#tishi").show().animate({ top: '-=10px' , opacity: '0.0' }, "slow"); }
Front-end code, written in the body:
Please complete the information
I hope this article will help you learn about javascript programming.