程序博客网 > mac windows10截图图片

jquery利用show和hide方法制作图片特效

来源：互联网发布：mac windows10截图图片编辑：程序博客网时间：2024/05/02 14:18

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
    #img1
    {
        width:500px;
        height:500px;
        display:none;
        }
    </style>
    <script src="jquery-1.9.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#Button1').click(function () {
                $('#img1').show(5000);
            })
            $('#img1').click(function () {
                //                $('#img1').css('width', '100');
                //                $('#img1').css('height', '100');
                //$('#img1').hide(10000);
                $('#img1').fadeOut(5000);//和hide的用法一样，效果不同
            })
        })
    </script>
</head>
<body>
    <img id="img1" alt="" src="images/10.jpg" />
    <input id="Button1" type="button" value="展开图片" />
    <input id="Button2" type="button" value="收缩图片" />

</body>
</html>

mac windows10截图图片

mac windows10截图图片

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子创业五年五年存活率大学的五年计划 2015年五年制大专五年的职业生涯规划五年高考三年模拟英语五年高考三年模拟答案三年模拟五年中考五年真题三年模拟我国第一个五年计划五年二班的吸血鬼今日的五年二班2话五年高考三年模拟怎么样古井五年五年存活率什么意思五年数学练习册答案被偷走的那五年结局第一个五年我的第一个五年计划苏联第一个五年计划那被偷走的五年五年高考,三年模拟五年高考三年模拟试题被偷走的那五年时间高三五年高考三年模拟天宝五年五年高考三年模拟王后雄第十三个五年计划三年模拟五年高考英语苏联的五年计划被偷走的那五年评价五年大专和三年大专区别被偷走的那五年种子被偷走的那五年bd 被偷走的那五年钢琴曲一个人住的第五年主角叶辰家族被灭五年归来一个人生活的第五年下载被偷走的那五年 2019邮政存款3万元存五年利率黑龙江一妇被小孩霸占五年