<title>제이쿼리</title> <style type="text/css"><!-- #spanel,#showHide,#fadeout { width:200px; height:100px; background-color:Aqua; position:relative; cursor:pointer; font-size:12px; } --></style> <div id="showHide"> </div> <p>쇼를 위로 이동하여 확인하세요</p> <div id="spanel"> <h5> </h5> </div>안녕하세요<p> </p> <div id="fadeout"></div> 페이드아웃 효과 페이드 아웃 효과 페이드 아웃 효과 페이드 아웃 효과 페이드 아웃 효과 페이드 아웃 효과 페이드 아웃 효과 페이드 아웃 효과 [Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]<!-- $(function(){ //用toggle,hide(),show()实现显示与隐藏 $("#showHide").toggle(function(){ $(this).hide(600) },function() { $(this).show(600); } ); //使用fadeout,fadeIn改变透明度 $("#fadeout").toggle(function(){ $(this).fadeOut(); },function() { $(this).fadeIn(); } ); //使用animate实现简单的动画效果 $("#spanel").bind("click",function(){ $(this).animate({left:"300px",height:"100px"},3000); }); }); // -->
