图片、JQuery学习笔记(图片的展开和伸缩)-by小雨

发一下牢骚和主题无关:

    <html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
   #img1
        {
            width:400px;
            height: 400px;
            border: solid 1px #ccc;
            display:none;
}
    </style>

        <script src="jquery-1.9.1.js" type="text/javascript"></script>      

    

    <script type="text/javascript">
        $(function () {
            $('#Button1').click(function () {
                $('#img1').show(5000);      //图片的开展
            })
            $('#Button2').click(function () {
                $('#img1').hide(5000);       //图片的伸缩
            })
        })
    </script>


</head>
<body>
<img id="img1" src="images/1.jpg" />
     <input id="Button1" type="button" value="开展图片"/>
     <input id="Button2" type="button" value="缩收图片"/>
</body>
</html>

文章结束给大家分享下程序员的一些笑话语录: 小沈阳版程序员~~~ \n程序员其实可痛苦的了......需求一做一改,一个月就过去了;嚎~ \n需求再一改一调,一季度就过去了;嚎~ \n程序员最痛苦的事儿是啥,知道不?就是,程序没做完,需求又改了; \n程序员最最痛苦的事儿是啥,知道不? 就是,系统好不容易做完了,方案全改了; \n程序员最最最痛苦的事儿是啥,知道不? 就是,系统做完了,狗日的客户跑了; \n程序员最最最最最痛苦的事儿是啥,知道不? 就是,狗日的客户又回来了,程序给删没了!

posted @ 2013-04-16 20:36  坚固66  阅读(117)  评论(0编辑  收藏  举报