JQuery动画效果
<!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> <title></title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <style type="text/css"> #img1{ width: 500px; height: 400px; border: solid 1px #ccc; } </style> <script src="./jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $(‘#Button1‘).click(function () { $(‘#img1‘).show(2000); }); $(‘#Button2‘).click(function () { $(‘#img1‘).hide(2000); }) }) </script> </head> <body> <img id="img1" src="./Chrysanthemum.jpg" /> <input id="Button1" type="button" value="展开图片" /> <input id="Button2" type="button" value="收缩图片" /> </body> </html>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。