选号用JS如何实现来，高人请进指点下，谢谢。

带图片的就需要JavaScript的屏外图象技术！
不停的替换图片！
可以参考掷色子的游戏!

解决方案 »

  1.   

    不知道是不是楼主要的效果~~~<html><style>
        #tab td{
            cursor : hand;
            border: thick solid yellow;
        }
        .selected{
            background-color:black;
        }
        .unselected{
            background-color:white;
        }
    </style>
     <script>
    function CreateRow(){
        var row=document.createElement("tr");
        row.SelectedCell=null;
        for(var i=0;i<10;i++){
            var cell=document.createElement("td");
            cell.onclick=CellOnClick;
            cell.innerHTML=i;
            row.appendChild(cell);
            cell.ParentRow=row;
        }
        return row;
    }
    function CellOnClick(){
        if(this.ParentRow.SelectedCell!=null)
        this.ParentRow.SelectedCell.className="unselected";
        this.ParentRow.SelectedCell=this;
        this.className="selected";
        ResetTextBox();
    }
    function ResetTextBox(){
        var txt=document.getElementById("result");
        var tab=document.getElementById("tab");
        var rows=tab.rows;
        var str="";
        for(var i=0;i<rows.length;i++){
            if(rows[i].SelectedCell!=null){
                if(str!="")str+="|";
                str+=rows[i].SelectedCell.innerHTML;
            }
        }
        txt.value=str;
    }
    window.onload=function (){
        var tab=document.getElementById("tab");
        var tbody=document.createElement("tbody")
        var tr1=CreateRow();
        var tr2=CreateRow();
        var tr3=CreateRow();
        tbody.appendChild(tr1);
        tbody.appendChild(tr2);
        tbody.appendChild(tr3);
        tab.appendChild(tbody);
    }
    </script><body>
    <table id="tab" ></table>
    <input type="text" id="result" />
    </body>
    </html>
      

  2.   

    http://cnc.500wan.com/info/pls/
    谢谢你的回复，请你看一下这个页当中的选号的部分，就是这种效果了，希望高人给想想办法，谢谢了。
    这是选号区：
                                <table id="ball" width="100%" border="1" align="center">
                                    <tr bordercolor="#FFCC99" class="tablestyle">
                                        <td class="ball_r"><span>0</span></td>
                                        <td class="ball_r"><span>1</span></td>
                                        <td class="ball_r"><span>2</span></td>
                                        <td class="ball_r"><span>3</span></td>
                                        <td class="ball_r"><span>4</span></td>
                                        <td class="ball_r"><span>5</span></td>
                                        <td class="ball_r"><span>6</span></td>
                                        <td class="ball_r"><span>7</span></td>
                                        <td class="ball_r"><span>8</span></td>
                                        <td class="ball_r"><span>9</span></td>
                                    </tr>
                                    <tr bordercolor="#FFCC99" class="tablestyle">
                                        <td class="ball_r"><span>0</span></td>
                                        <td class="ball_r"><span>1</span></td>
                                        <td class="ball_r"><span>2</span></td>
                                        <td class="ball_r"><span>3</span></td>
                                        <td class="ball_r"><span>4</span></td>
                                        <td class="ball_r"><span>5</span></td>
                                        <td class="ball_r"><span>6</span></td>
                                        <td class="ball_r"><span>7</span></td>
                                        <td class="ball_r"><span>8</span></td>
                                        <td class="ball_r"><span>9</span></td>
                                        <!--读取期号-->
                                    </tr>
                                    <tr bordercolor="#FFCC99" class="tablestyle">
                                        <td class="ball_r"><span>0</span></td>
                                        <td class="ball_r"><span>1</span></td>
                                        <td class="ball_r"><span>2</span></td>
                                        <td class="ball_r"><span>3</span></td>
                                        <td class="ball_r"><span>4</span></td>
                                        <td class="ball_r"><span>5</span></td>
                                        <td class="ball_r"><span>6</span></td>
                                        <td class="ball_r"><span>7</span></td>
                                        <td class="ball_r"><span>8</span></td>
                                        <td class="ball_r"><span>9</span></td>
                                    </tr>
                            </table>
    显示区：
    <textarea name="codesshow" cols="30"  readonly rows="5"></textarea>
    选择第一行的数据为：01235(任意个数)
    选择第二行的数据为：678(同上)
    选择第三行的数据为:9(同上)
    最后显示：012345|678|9
      

  3.   

    copy过来了，看不懂啊。我对js真不太懂。
      

  4.   

    主要就是变化了他的className,
    objNumTbLine.rows[0].cells[num].className="ball_r";//变回红球比如这个ball_r，就是下面的，差不多是背景图片不一样。
    .ball_r {
    height: 20px;
    width: 20px;
    background-image: url(/n_images/ball_r_b.gif);
    background-repeat:no-repeat;
    background-position:50% 50%;
    text-align: center;
    vertical-align: middle;
    padding-top:1px;
    padding-left:4px;
    font-size: 14px;
    font-weight: bold;
    color:#000000;
    cursor:hand;
    }
      

  5.   

    汗~~难道我写的你就能看懂?<html><style>
        #tab td{
            cursor : hand;
            border: thick solid yellow;
        }
        .selected{
            background-color:black;
            color:white;
        }
        .unselected{
            background-color:white;
        }
    </style>
     <script>
    function CreateRow(){
        var row=document.createElement("tr");
        for(var i=0;i<10;i++){
            var cell=document.createElement("td");
            cell.onclick=CellOnClick;
            cell.innerHTML=i;
            cell.className="unselected";
            row.appendChild(cell);
            cell.ParentRow=row;
        }
        return row;
    }
    function CellOnClick(){
        this.className=this.className=="unselected"?"selected":"unselected";
        ResetTextBox();
    }
    function ResetTextBox(){
        var txt=document.getElementById("result");
        var tab=document.getElementById("tab");
        var rows=tab.rows;
        var str="";
        for(var i=0;i<rows.length;i++){
            if(str!="")str+="|";
            for(var j=0;j<rows[i].cells.length;j++){
                if(rows[i].cells[j].className=="selected")
                str+=rows[i].cells[j].innerHTML;
            }
        }
        txt.innerHTML=str;
    }
    window.onload=function (){
        var tab=document.getElementById("tab");
        var tbody=document.createElement("tbody")
        var tr1=CreateRow();
        var tr2=CreateRow();
        var tr3=CreateRow();
        tbody.appendChild(tr1);
        tbody.appendChild(tr2);
        tbody.appendChild(tr3);
        tab.appendChild(tbody);
    }
    </script><body>
    <table id="tab" ></table>
    <textarea id="result" cols="30"  readonly rows="5"></textarea>
    </body>
    </html>
      

  6.   

    谢谢，我看得懂，主要是500WAN网站上写的内容太多。