求一个js特效，文字向上飞

Posted 2023-05-10

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了求一个js特效，文字向上飞相关的知识，希望对你有一定的参考价值。

不管用啥技术啥插件html5也行，就是要一个按纽点击后，出来两字“成功”,然后向上飘慢慢消失，是怎么搞的

参考技术A 你要的在下面，给你；
我要的，在你名字后边，给我！

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title> new document </title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<style type="text/css">
#appendDiv
position:absolute;
height:30px;
width:120px;
line-height:30px;
text-align:center;
border:1px solid #ddd;

</style>
</head>
<script>
$(function()
$("#btn").click(function()
if($("#appendDiv").size() <= 0)
$("body").append("<div id='appendDiv'>Success</div>");

window.div = $("#appendDiv");
window.div.css("background":"#eee","top":$(window).height() / 2 - 15 +"px","left":$(window).width() / 2 - 60 +"px","opacity":1);
setTimeout("window.div.animate('top':-35,'opacity':0)",3000);
);
)
</script>
<body>
<button id="btn">Click</button>
</body>
</html>本回答被提问者采纳参考技术B 用jquery的slideUp应当可以实现