Select下拉框的边框颜色和滚动条样式

 <script>
                        function showHide(obj){ //隐现层的函数
                        sh={block:"none",none:"block"}
                        //层的display属性值在"block"和"none"间不断轮换,
                        //达到轮换隐藏和显示的效果
                        oOption.runtimeStyle.display=sh[oOption.currentStyle.display] }
                        </script>
                        <!--鼠标移上id为oOption的对象时执行本段代码-->
                        <script event="onmouseover" for="oOption">
                        obj=event.srcElement
                        if(obj.tagName=="TD"){//判断onmouseover事件是否发生在单元格上
                        //设置事件发生所在的单元格的背景颜色
                        obj.style.backgroundColor="#dedede"
                        //设置事件发生所在的单元格的字体颜色
                        obj.style.color="#FFFFFF"
                        }
                        </script>
                        <!--鼠标从id为oOption的对象上移开时执行本段代码-->
                        <script event="onmouseout" for="oOption">
                        obj=event.srcElement
                        if(obj.tagName=="TD"){ //判断onmouseout事件是否发生在单元格上
                        //设置事件发生所在的单元格的背景颜色
                        obj.style.backgroundColor="#FFFFFF"
                        obj.style.color="#000000"//设置事件发生所在的单元格的字体颜色
                        }
                        </script>
                        <!--id为oOption的对象被单击时执行本段代码-->
                        <script event="onclick" for="oOption">
                        obj=event.srcElement
                        if(obj.tagName=="TD"){ //判断onmouseover事件是否发生在单元格上
                        showHide() //隐藏层
                        //设置id为oSelect的对象内的文本为被点击的单元格内的文本
                        oSelect.innerText=obj.innerText
                        //设置id为C_Select的对象内的值为被点击的
                        //单元格的自定义属性value的值
                        C_Select.value=obj.value
                        //window.open(obj.value) //测试跳转菜单功能
                        }
                        </script>
                        <style>
                        body,td{font-size:12px}
                        .over{color:#dedede}
                        .out{color:#333333}
                        #oOption{
                        scrollbar-face-color:#FFFFFF;
                        scrollbar-shadow-color:#C1C1BB;
                        scrollbar-highlight-color:#C1C1BB;
                        scrollbar-3dlight-color:#EBEBE4;
                        scrollbar-darkshadow-color:#EBEBE4;
                        scrollbar-track-color:#F4F4F0;
                        scrollbar-arrow-color:#CACAB7;
                        position:absolute;display:none;width:75px;height:80px;
                        overflow:scroll;overflow-x:hidden;
                        border:#333333 1px solid;border-top:none;cursor:default
                        }
                        </style>
                        <table width="75" border="0" cellspacing="0" cellpadding="0">
                        <tr><td>
                        <table width="100%" bordercolor="#666666" border=1 style="border-collapse:collapse;cursor:default" οnclick="showHide()">
                        <tr>
                        <td align="center">
                        <input type="hidden" name="C_Select" id="C_Select">
                        <span id="oSelect">下拉选项</span></td><td align="center" width="14"><span style="font-family: Webdings;colro:#CACAB7" οnmοuseοver="this.className=’over’" οnmοuseοut="this.className=’out’">6</span></td>
                        </tr>
                        </table>
                        </td>
                        </tr>
                        <tr>
                        <td><div id="oOption" onselectstart="return false">
                        <table cellsapcing="0" cellspadding="3" border="0" width="100%">
                        <tr><td value=" http://www.flash8.net"><a href=" http://www.flash8.net" _fcksavedurl=" http://www.flash8.net">闪吧</a></td></tr>
                        <tr><td value=" http://www.blueidea.com">经典</td></tr>
                        <tr><td value=" http://www.5d.cn">5D</td></tr>
                        <tr><td value=" http://www.sina.com">新浪</td></tr>
                        <tr><td value=" http://www.sohu.cn">搜狐</td></tr>
                        <tr><td value=" http://www.163.com">网易</td></tr>
                        <tr><td value=" http://www.etang.com">亿唐</td></tr>
                        </table>
                        </div></td>
                        </tr>
                        </table>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值