`
fxyc
  • 浏览: 121639 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js动态修改下拉菜单的大小

    博客分类：
  • HTML
JavaScriptXHTMLHTML 
阅读更多 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<select name="select" id="select">
  <option value="1">1sfasfafa</option>
</select>
<select name="select2" id="select2" style=" width:100px; height:22px;">
  <option value="1">1sfasfafa</option>
  <option value="2">sfasfafa</option>
</select>
<script language="javascript">
 var fxycObjs = document.getElementsByTagName("select");
 for(var i=0;i<fxycObjs.length;i++){
  fxycObjs[i].style.height = "33px";
  fxycObjs[i].style.width = "133px";
 }
</script>
</body>
</html>

 今天帮一个网友写个JS控制congos中的日期提示的大小。这里主要是通过cognos的HTML空间来实现了。也没有去找是否有更好的办法。

分享到：
| Teradata汇总
评论
发表评论

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

相关推荐

    JS 二级下拉菜单。很漂亮，就是没实现三级下拉

    JS（JavaScript）与CSS（层叠样式表）是创建动态、响应式下拉菜单的关键技术。本主题聚焦于利用这两者构建二级下拉菜单，以及如何扩展到三级甚至更多级的下拉菜单结构。 首先，让我们了解JS和CSS的基础知识。JS是一...

    JavaScript下拉菜单模板

    JavaScript下拉菜单模板是一种网页交互元素，用于在有限的空间内展示丰富的导航选项。在网页设计中，下拉菜单常用于网站导航，使用户能够轻松访问多层次的页面结构，而无需占用太多屏幕空间。这种菜单主要由...

    漂亮的JS多级树型下拉菜单

    当涉及到多级树型结构时，JS（JavaScript）的运用可以创建出既美观又功能强大的下拉菜单。本篇文章将深入探讨如何利用JS实现漂亮的多级树型下拉菜单，并分享一些关键的技术要点。 首先，我们要理解树形结构的本质。...

    js自适应左侧下拉菜单代码.zip

    综上所述，"js自适应左侧下拉菜单代码.zip" 包含了构建响应式、交互性强的侧边栏下拉菜单所需的所有组件，涉及HTML结构、CSS样式设计以及JavaScript动态功能的实现。开发者可以根据自身的项目需求，对这些代码进行...

    能挡住下拉表单的CSS+JS下拉菜单

    总的来说，"能挡住下拉表单的CSS+JS下拉菜单"是一个实用的网页设计技巧，它结合了CSS的样式控制和JavaScript的动态交互，解决了常见的用户体验问题。通过深入研究并实践这个案例，开发者可以提高自己的前端技能，为...

    JavaScript非常小巧的JS下拉菜单代码，兼容多个浏览器

    - 检测用户的滚动或窗口大小变化，以便在必要时调整下拉菜单的位置。 - 可选地，添加键盘导航支持，允许用户通过上下箭头键选择选项。 最后，`readme.md`文件很可能是对这个下拉菜单代码的使用说明，包括如何集成到...

    js css3下拉城市菜单多选代码.rar

    1. **响应式设计**：确保下拉菜单在不同设备和屏幕尺寸上都能正常工作，可以使用媒体查询(`media queries`)来适应不同的视口大小。 2. **无障碍性**：遵循WCAG（Web Content Accessibility Guidelines）标准，确保残...

    javascript下拉菜单2

    在这个名为"javascript下拉菜单2"的资源中，包含了实现这一功能的关键文件：`menu.css`、`menu.js`和`test6.jsp`。接下来，我们将详细探讨这些文件在创建JavaScript下拉菜单中的作用以及相关的知识点。 1. **CSS...

    js下拉菜单

    JavaScript（简称JS）作为一种强大的客户端脚本语言，被广泛用于实现动态效果，包括创建功能丰富的下拉菜单。本文将深入探讨如何使用JavaScript来实现下拉菜单，以及涉及到的相关知识点。 1. **基础HTML结构**： ...

    frameset和js下拉菜单

    JavaScript提供了一种动态创建和控制用户界面的强大方式，包括下拉菜单。下拉菜单通常由`&lt;select&gt;`和`&lt;option&gt;`元素构建，但可以通过JavaScript实现更丰富的交互效果。 ```html &lt;option value="option1"&gt;Option 1...

    Dreamweaver制作下拉菜单

    在网页设计中，下拉菜单是一种常见的交互元素，它能够有效地组织和展示网站的层级结构，提高用户体验。Adobe Dreamweaver是一款强大的可视化网页编辑工具，它提供了方便的界面来创建和编辑下拉菜单。下面我们将深入...

    javascript控制的下拉菜单

    JavaScript控制的下拉菜单是网页交互设计中常见的一种功能，它允许用户在有限的空间内展示丰富的导航选项。这种设计在网站头部或者侧边栏中尤为常见，能够提高用户体验，使得用户能够快速访问深层链接，而不会使页面...

    纯CSS下拉菜单，宽度自适应

    本主题聚焦于“纯CSS下拉菜单”，这是一种不依赖JavaScript实现的下拉菜单技术，主要利用CSS（层叠样式表）来创建动态效果。在实际应用中，这种菜单可能不是最通用的解决方案，但对那些希望深入了解CSS特性和动画...

    select下拉菜单美化

    5. 宽度和高度：设置`width`和`height`调整下拉菜单大小。 6. 指针样式：使用`cursor`属性改变鼠标光标。 三、JavaScript增强交互 1. 创建自定义菜单：使用JavaScript动态生成DOM元素，构建更复杂的下拉菜单结构。 ...

    一个很漂亮的三级下拉菜单

    例如，`hover`伪类可以用来改变鼠标悬停在菜单项上的样式，`display`属性用于控制下拉菜单的显示和隐藏，`position`属性用于定位菜单项及其子菜单。 "js"目录中的JavaScript文件可能是实现动态交互的核心。...

    3级下拉菜单

    通过监听事件（如`mouseover`、`mouseout`），动态改变DOM元素的样式或内容，可以实现更为复杂和灵活的3级下拉菜单。例如，可以设置延迟显示或渐隐效果，提升用户体验。 在实际应用中，设计3级下拉菜单时应考虑以下...

    jQuery手机端无限级导航下拉菜单代码

    无限级导航下拉菜单的核心在于递归结构和动态渲染。菜单数据通常以JSON或HTML的形式存储，其中每个菜单项可能包含子菜单项。当用户点击一个菜单项时，jQuery会检查该菜单项是否有子菜单，并根据需要加载和展示它们。...

    css3下拉菜单插件

    在CSS3之前，创建动态和响应式的下拉菜单通常需要JavaScript的支持，但CSS3的引入使得仅用CSS就能实现这些功能，减少了对JavaScript的依赖，提高了页面加载速度和性能。 这个css3下拉菜单插件的核心优势在于其多样...

    下拉菜单CSSdemo

    本示例"下拉菜单CSSdemo"提供了一个纯CSS实现的下拉菜单，它可以帮助开发者快速地在自己的网站上添加功能完备且易于操作的下拉菜单，无需依赖JavaScript或者其他外部库，仅通过CSS样式即可完成。 首先，我们要理解...

    19款多样式JS下拉菜单

    这些下拉菜单的设计和实现主要基于JavaScript（JS），这是一种广泛使用的客户端脚本语言，用于增加网页的动态性和交互性。JS下拉菜单的优点包括响应式设计，能够根据设备屏幕大小自动调整布局，以及可定制性强，可以...

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