求此图片效果如何实现

求此图片效果如何实现 望高手指点
因为表达不清 所以直接给出搜狐图片的链接 附上梅西的蛋蛋被抓以博君乐
http://2010.sohu.com/20100623/n272998210.shtml

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var arry = ['','','','',''];//图片路径
    function show() {
    var select = document.inputForm.selectForm.selectedIndex;
    document.all.imagesId.src = arry[select];
    document.getElementById("imagesId").style.display = "block";
    }
    var count = 0;
    function showDown(nuber) {
    if (nuber == "+") {
    count++;
    }
    if (nuber == "-") {
    count--;
    }
    document.all.imagesId.src = arry[count];
    document.getElementById("imagesId").style.display = "block"; if (nuber >= arry.length) {
    nuber = 0;
    }
    if (nuber <= -1 ) {
    nuber = arry.length - 1; 
    } }
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <form action="" method="post" name="inputForm">
    <img src="" id="imagesId">
    <select name="selectForm" onChange="show()">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    </select><A href ="JavaScript：showDown('-')">上一张</A>
    <A href ="JavaScript：showDown('+')">下一张</A>
    </BODY>
    </HTML>