http://www.ball365.com/select.rar去看看这个把,不知道是不是你想要的效果。可以拖动的,

解决方案 »

  1.   

    谢谢楼上的不过不是这样,我是想能用这个来替换标准的SELECT控件不用额外的CSS属性控制,也就是不要绝对定位,而且在列表弹出的时候页面布局不会被撑坏
      

  2.   

    http://www.ball365.com/select1.rar这个应该可以符合你的要求了
    可能需要你自己去做适当的修改调整
      

  3.   

    <style type="text/css">
    <!--
        body,td,div,span {font-size:12px;}
        img {text-align:center;vertical-align:middle;margin:1px;}
        TD.imgOption0 {background-Color:#FFFFFF;cursor:hand;border-left:solid 1px black;border-right:solid 2px black;padding:1px;padding-left:5px;padding-right:5px;}
        TD.imgOption1 {background-Color:#FFFFFF;cursor:hand;border-left:solid 1px black;border-right:solid 2px black;padding:1px;padding-left:5px;padding-right:5px;border-bottom:solid 2px black;}
        td.dispBox{width:100px;border:solid 1px black;border-right:none;border-bottom-width:2px;}
        td.arrowBox {width:30px;height:22px;border:solid 1px black;border-left:none;cursor:hand;border-bottom-width:2px;border-right-width:2px;}
        DIV.imgOptions {z-index:99;}
    -->
    </style>
    <script language="JavaScript">
    <!--
        function ShowHideList(){
            if(document.all("imgSelLists").style.display=='none'){
                document.all("imgSelLists").style.display='';
            }else{
                document.all("imgSelLists").style.display='none';
            }
        }
        function ActiveThis(){
            var obj=window.event.srcElement;
            obj.runtimeStyle.backgroundColor='#0000A0';
            obj.runtimeStyle.color='#FFFFFF';
        }
        function UnActiveThis(){
            var obj=window.event.srcElement;
            obj.runtimeStyle.backgroundColor='white';
            obj.runtimeStyle.color='black';
        }
        function SelectChange(){
            var obj=window.event.srcElement;
            document.all("divImgSelect").SelectValue=obj.AppendData;
            document.all("imgSelLists").style.display='none';
            document.all("imgSelDispBox").innerHTML=obj.innerHTML;
        }
    -->
    </script>
    <title></title>
    </head>
    <body>
    嫁人的十五条标准
    女人一辈子的幸福是拥有甜蜜的爱情、美满的婚姻,很多女人有过甜蜜的爱情,但不一定能够找到美满的婚姻,所谓人怕入错行,女怕嫁错郎!能够嫁一个好的老公,是非常美好的事情,所以,姐妹们,要擦亮眼睛找老公,不符合条件的坚决不能要——
    1、一个男人最重要的应该是坚强。那些失败过一次就怨天尤人,萎靡不振、跌倒了爬起来的男人坚决不能要。男人要能给女人安全感,如果你找一个老公,不能够照顾你,还要经常在你面前哭诉自己的不幸,让你也承担他实际上是可以挽救的痛苦,是非常的失败的。
    4、身体健康。不要求那个男的有多么的威猛高大,但一定要身体健健康康的。一个女人身体有点毛病,可以称之为弱不禁风,如果一个男人整天病怏怏的,你说像啥话?
    5、不要***乖宝宝。没人说孝顺不对,孝顺的男人很善良,但是,夫妻之间的事都征求***看法,毫无自己主见,嘴巴里动不动就说:“妈妈说。妈妈说。”这样的妈妈面前的乖宝宝坚决不能要,记住,你嫁的是一个男人,并不是那个男人的母亲。
    6、爱屋及乌。一个男人如果真的爱你,会爱你的一切,包括你的坏习惯,你的朋友,你的家人。如果他不能忍受你的朋友或家人某些方面的缺陷或对你身边的人有所不满,那么做为一个聪明的女性,应当尽量避免他与他们见面;如果他苛求到要求你与他们断绝来往,不用犹豫了,甩了他吧!
    7、有一份稳定的收入。爱情是很重要的,但是要建立在有面包的基础上。不一定要万贯家财,可生活要有保障。所谓贫*夫妻百事哀,如果一个男人连孩子的奶粉钱都拿不出来,这个月初就开始担心下个月的供房款,那么,你跟着他只有吃苦的份了。
    8、自信。浑身散发着自信味道的男人,能让女人放心的依靠。
    9、外貌匹配。不要求他一定英俊潇洒,但要看上去不至于引起公愤,总不能你亭亭玉立一大美女,身边找一矮个的黑胖子吧。
    10、细心又有情趣。他可以不记得你大伯小叔三姑四姨的生日,但你的生日与结婚纪念日一定要记住,这两个日子在婚姻生活中是很重要的。能够出去浪漫一下,还有礼物收是最好的。
    <div id="divImgSelect" class="imgOptions" SelectValue="">
        <table border="0" cellpadding="0" cellspacing="0">
            <thead>
                <tr bgcolor="white">
                    <td id="imgSelDispBox" class="dispBox">
                        &nbsp;
                    </td>
                    <td id="imgSelArrowBox" class="arrowBox">
                        <img src="/Images/imgSelect/Arrow.gif" width="30" height="22" onclick="JavaScript:ShowHideList();" />
                    </td>
                </tr>
            </thead>
            <tbody id="imgSelLists" style="display:none">
                <tr><td colspan="2" class="imgOption0" AppendData="0" onmouseover="JavaScript:ActiveThis();" onmouseout="JavaScript:UnActiveThis();" onmousedown="JavaScript:SelectChange();"><img src="/Images/imgSelect/1.gif" />测试内容1</td></tr>
                <tr><td colspan="2" class="imgOption0" AppendData="1" onmouseover="JavaScript:ActiveThis();" onmouseout="JavaScript:UnActiveThis();" onmousedown="JavaScript:SelectChange();"><img src="/Images/imgSelect/2.gif" />测试内容2</td></tr>
                <tr><td colspan="2" class="imgOption0" AppendData="2" onmouseover="JavaScript:ActiveThis();" onmouseout="JavaScript:UnActiveThis();" onmousedown="JavaScript:SelectChange();"><img src="/Images/imgSelect/3.gif" />测试内容3</td></tr>
                <tr><td colspan="2" class="imgOption0" AppendData="3" onmouseover="JavaScript:ActiveThis();" onmouseout="JavaScript:UnActiveThis();" onmousedown="JavaScript:SelectChange();"><img src="/Images/imgSelect/4.gif" />测试内容4</td></tr>
                <tr><td colspan="2" class="imgOption0" AppendData="4" onmouseover="JavaScript:ActiveThis();" onmouseout="JavaScript:UnActiveThis();" onmousedown="JavaScript:SelectChange();"><img src="/Images/imgSelect/5.gif" />测试内容5</td></tr>
                <tr><td colspan="2" class="imgOption0" AppendData="5" onmouseover="JavaScript:ActiveThis();" onmouseout="JavaScript:UnActiveThis();" onmousedown="JavaScript:SelectChange();"><img src="/Images/imgSelect/6.gif" />测试内容6</td></tr>
                <tr><td colspan="2" class="imgOption1" AppendData="6" onmouseover="JavaScript:ActiveThis();" onmouseout="JavaScript:UnActiveThis();" onmousedown="JavaScript:SelectChange();"><img src="/Images/imgSelect/7.gif" />测试内容7</td></tr>
            </tbody>
        </table>
    </div>
    11、无不良嗜好。烟可以抽一点,酒可以喝一点,但不能太过。你总不想天天回去面对一个醉醺醺的酒鬼,嘴里还不时散发着一股浓浓的烟臭味的人吧?
    12、社交能力强。不是说一定要活跃得见人就笑,见手就握得那种地步,也不需要他在社交方面有一定强硬的手腕,但不能羞羞答答。一起出去应酬,他只知道站在一旁傻笑,而找不到话题与你的同事交谈,凡事需要你出来撑场面的男人,会让你脸面无光。
    13、大男人气概。这里说的大男人气概,不是说大男子主义,那种在家里典型家务一点不做、衣来伸手饭来张口的男人不可取。大男人气概是指你在外面受到欺负时,他能够挺身而出,毫不犹豫的为你出头,真真切切的保护你。光是这一点,这个男人都值得你考虑托付终身。
    14、有责任心。男人一定要有责任心,自己做的事要敢于自己承担,无论是公事还是私事。那种一有事就往别人身上推的男人不但卑鄙而且可耻。
    能够做到15条以上的男人,你就可以考虑嫁给他了。希望MM们都能觅得一好郎君。
    已婚女士违规进入,造成离婚另择佳婿引起的一切后果,概不负责。</body>
    </html>搞定
      

  4.   

    算了,还是我自己来搞定
    换了个方式http://www.programfan.com/club/showbbs.asp?id=45403