zoukankan      html  css  js  c++  java
  • 图片名称查看图片(前进后退)功能

    在写这篇文章之前,xxx已经写过了几篇关于改图片名称主题的文章,想要了解的朋友可以去翻一下之前的文章

        注:images件文夹下图片的定名是从1~5.jpg有法则的

               声明的  var array = [1, 2, 3, 4, 5]; 这个数组放存的是图片的名称

        <head>

        每日一道理
    天又快黑了,这座忙碌的城市又将入睡,让这劳累的“身躯”暂别白日的辛勤,让它入睡,陪伴着城市中的人们进入梦乡。当空的弯月正深情地注视着这座城市与城市中的人们,看着家家户户的灯渐渐熄灭,它在床头悄悄奏响“明月曲”……

        <title></title>
        <script src="Jquery1.7.js" type="text/javascript"></script>
        <style type="text/css">
            img
            {
                200px;
                height: 200px;
            }
        </style>
        <script type="text/javascript">
            $(function () {
                var array = [1, 2, 3, 4, 5];
                var count = 0;
                $('#Button1').click(function () {
                    if (count > 0) {
                        count--;
                        $('img').attr('src','images/'+array[count]+'.jpg');
                    }
                })


                $('#Button2').click(function () {
                    if (count <4) {
                        count++;
                        $('img').attr('src', 'images/' + array[count] + '.jpg');
                    }
                })


            })
        
        </script>
    </head>
    <body>
        <table>
            <tr>
                <td>
                    <input id="Button1" type="button" value="<" />
                </td>
                <td>
                    <img src="images/1.jpg" />
                </td>
                <td>
                    <input id="Button2" type="button" value=">" />
                </td>
            </tr>
        </table>
    </body>

    文章结束给大家分享下程序员的一些笑话语录: 人在天涯钻,哪儿能不挨砖?日啖板砖三百颗,不辞长做天涯人~

  • 相关阅读:
    clear:both其实是有瑕疵的
    CSS3不遥远,几个特性你要知道
    JavaScript使用数组拼接字符串性能如何?
    CSS网页宽度怎么定比较合适
    浅析JavaScript的垃圾回收机制
    淡入淡出效果的js原生实现
    非阻塞式JavaScript脚本及延伸知识
    HTML5 Canvas圣诞树
    Ubuntu查看和自动挂载硬盘
    正则表达式批量重命名
  • 原文地址:https://www.cnblogs.com/xinyuyuanm/p/3038725.html
Copyright © 2011-2022 走看看