`

用DIV做带横向滚动条的多选框

HTML 
阅读更多 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  </HEAD>

 <BODY>
  <div STYLE='width:200;overflow-x:scroll;border:1px solid red'>
  <select  name=selectResult align=bottom size=10 STYLE='margin=-2;width:300' multiple >"
<option>中国gongchandang爱人民中国gongchandang爱人民中国gongchandang爱人民</option>
<option>伟大领袖MAO伟大领袖MAO伟大领袖MAO</option>
<option>伟大领袖MAO伟大领袖MAO伟大领袖MAO</option>
<option>伟大领袖MAO伟大领袖MAO伟大领袖MAO</option>
<option>伟大领袖MAO伟大领袖MAO伟大领袖MAO</option>
<option>伟大领袖MAO伟大领袖MAO伟大领袖MAO</option>
<option>伟大领袖MAO伟大领袖MAO伟大领袖MAO</option>
<option>伟大领袖MAO伟大领袖MAO伟大领袖MAO</option>
<option>伟大领袖MAO伟大领袖MAO伟大领袖MAO</option>
<option>伟大领袖MAO伟大领袖MAO伟大领袖MAO</option>
<option>伟大领袖MAO伟大领袖MAO伟大领袖MAO</option>
<option>伟大领袖MAO伟大领袖MAO伟大领袖MAO</option>
<option>伟大领袖MAO伟大领袖MAO伟大领袖MAO</option>
<option>伟大领袖MAO伟大领袖MAO伟大领袖MAO</option>
<option>伟大领袖MAO伟大领袖MAO伟大领袖MAO</option>
  </select>
  </div>
 </BODY>


</HTML>

 

分享到：
| 页面调优
评论
2 楼 qingfeng825 2011-10-21  
向滚动条的时候，滚动的是select框，不是使option里的文
benben_002 写道
首先谢谢你

不过好像有问题，拖动横向滚动条的时候，滚动的是select框，不是使option里的文字滚动。
也就是说，当option里的文字长度大于select的长度，你拖滚动条，还是不能显示全option里的文字，虽然select在滚动 


select的长度可以设置为option中文字的最大长度.
1 楼 benben_002 2011-10-21  
首先谢谢你

不过好像有问题，拖动横向滚动条的时候，滚动的是select框，不是使option里的文字滚动。
也就是说，当option里的文字长度大于select的长度，你拖滚动条，还是不能显示全option里的文字，虽然select在滚动 
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript文字横向滚动

    JavaScript文字横向滚动是一种常见的网页动态效果，用于在有限的空间内展示多条信息。这种效果通常是通过JavaScript编程实现的，能够使文字从屏幕的一侧向另一侧平滑移动，为网页增添动态感和视觉吸引力。在网页设计...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    打包两款实用jquery+div横向滑动的下滑菜单代码(兼容性好)下载 31.非常帅jquery仿雅虎网超大菜单导航代码 32.分享jquery带阴影效果折叠菜单dropdown给大家 33.分享下载jquery+Css黑色风格版的手风琴菜单,带...

    tab跟随底部横线滑动

    在Web开发领域，"tab跟随底部横线滑动"是一种常见的用户界面设计，它通常用于创建一个多选项卡的交互式布局。这种设计允许用户通过点击不同的tab来切换内容，而底部的横线会动态地移动以指示当前所选的tab。这种效果...

    《程序天下：JavaScript实例自学手册》光盘源码

    6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 下拉框式网站导航 6.14 综合的搜索引擎 6.15 经典的ListView列表框 第7章 键盘操作和状态栏特效 7.1 按功能键返回首页 7.2 回车实现Tab键功能 7.3 Ctrl+Enter...

    程序天下:JavaScript实例自学手册

    6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 下拉框式网站导航 6.14 综合的搜索引擎 6.15 经典的ListView列表框 第7章 键盘操作和状态栏特效 7.1 按功能键返回首页 7.2 回车实现Tab键功能 7.3 Ctrl+Enter...

    iscroll滑块

    它支持多种滚动功能，如滚动条、无限滚动、横向滚动等，尤其在手机或平板电脑等触摸设备上表现优异。`iscroll` 的核心理念是提供高性能、低资源占用的滚动解决方案。 在"iscroll滑块"这个项目中，我们主要关注的是...

    01尺寸与溢出.docx

    块级元素（如div）通常可以，而行内块元素（如input）中的某些类型，如单选按钮和复选框，其尺寸通常是固定的。图片（img元素）和表格（table元素）等拥有固有宽度和高度的元素，可以通过CSS的width和height属性来...

    layui Tab选项卡切换跟随特效（源码）

    垂直菜单则是一种常见的导航条布局，菜单项沿垂直方向排列，节省横向空间。 综合以上所述，layui框架的Tab选项卡切换特效是通过HTML结构、CSS样式和JavaScript交互三者协同工作的结果。开发者可以利用layui提供的...

    易语言程序免安装版下载

    修改扩展界面支持库一，为“树形框”增加多态检查框功能，相应地添加了多个与检查框相关的属性、方法和事件。 17. 修改高级表格支持库，允许“复制选定文本()”“剪切选定文本()”在“允许选择块”属性为假时复制...

    html入门到放弃笔记

    4、一个元素允许有多属性，多属性间，排名不分先后，中间用 空格 隔开即可 Demo : 1、创建一个 div 标记 ，增加属性 ，设置 align 属性的值为 center ，设置 id 属性的值为 container，设置 title 属性的值为 这...

Magicbox
Global site tag (gtag.js) - Google Analytics