Jq公告渐隐弹出 - 走看看

zoukankan html css js c++ java

Jq公告渐隐弹出

animate弹出后，调用out函数消失。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>豪情</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <style> *{margin:0;padding:0;font-size:12px;} input{120px;height:30px;cursor:pointer;} #note{position:absolute;400px;padding:20px;background:#eee;border:1px solid #ccc;left:40%;z-index:9999;display:none;} </style> <script> $(function(){ $('input').click(function(){ if(!$('#note').is(':visible')){ $('#note').css({display:'block', top:'-100px'}).animate({top: '+100'}, 500, function(){ setTimeout(out, 3000); }); } }); }); function out(){ $('#note').animate({top:'0'}, 500, function(){ $(this).css({display:'none', top:'-100px'}); }); } </script> </head> <body> <div id="note"><a href="http://jikey.cnblogs.com" target="_blank">豪情</a></div> <input type="button" value="点我，30s后消失" /> </body> </html>

查看全文

相关阅读:
hlgoj 1766 Cubing
Reverse Linked List
String to Integer
Bitwise AND of Numbers Range
Best Time to Buy and Sell Stock III
First Missing Positive
Permutation Sequence
Next Permutation
Gray Code
Number of Islands

原文地址：https://www.cnblogs.com/jikey/p/1745044.html

Copyright © 2011-2022 走看看