有点浪的程序员
有点浪的程序员

Jquery实现图片的显示和隐藏

在页面加载时图片是不可见的，点击页面中的内容实现图片的显示，再次点击则图片会消失
直接上代码：


<html>
    <head>
        <meta charset="UTF-8">
        <title>图片的隐藏和显示title>
        <style type="text/css">
            .div{
                width: 200px;height: 270px;
                border: solid red;
            }
            .div img{
                max-width: 200px;_width:expression(this.width>200?"200px":this.width);
                display: none;
            }
        style>
        <script src="../js/jquery.min.js">script>
    head>
    <body>
        <p>Show Me the<br />Furry Friend<br />of the Day p>
        <div class="div">
            <img src="../img/mmexport1495807314176.jpg" />
        div>
        <script>
            $(document).ready(function(){
                $("p").click(function(){
                    $(".div>img").toggle("slow");
                });
            });
        script>
    body>
html>

你可能感兴趣的:(web前端)