jquery实现fadeTo透明度的使用

来源:互联网 发布:网络化学 编辑:程序博客网 时间:2024/05/16 06:58

 

<head>
    <title></title>
    <script src="jquery-1.9.1.js" type="text/javascript"></script>
    <style type="text/css">
        .imgclass
        {
            width: 300px;
            height: 300px;
            border: solid 1px red;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            $('#Select1').change(function () {
                var thevalue = $(this).val();
                $('img').fadeTo(2000, thevalue);
            });
        })
    </script>
</head>
<body>
    <div>
        <select id="Select1">
            <option>0</option>
            <option>0.1</option>
            <option>0.2</option>
            <option>0.3</option>
            <option>0.4</option>
            <option>0.5</option>
            <option>0.6</option>
            <option>0.7</option>
            <option>0.8</option>
            <option>0.9</option>
            <option>1</option>
        </select>
    </div>
    <br />
    <div>
        <img id="img1" alt="" src="images/1.jpg" class="imgclass" /></div>
</body>

原创粉丝点击