`

用做一个<select>试的友情链接

 
阅读更多
  最近做了一个行业网站.客户非要用做一个<select>试的友情链接,我感觉效果还不错.今天发出来给大家看看,希望大家能用的到.代码如下.

先写写一下js代码

<script language="JavaScript" type="text/JavaScript">
<!--
function   MM_jumpMenu(targ,selObj,restore){   //v3.0  
//本窗口打开
  //eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+" ' ");
  //alert(selObj.options[selObj.selectedIndex].value)
  //新窗口打开

window.open(selObj.options[selObj.selectedIndex].value);
  if (restore) selObj.selectedIndex=0
}
//-->
</script>



上面是两个有种是在"本窗口打开"另一种是在"新窗口打开"到时看你自己的需要选择吧

下面是<select>代码
<select name="sheng" onChange="MM_jumpMenu('parent',this,1)">
        <option selected="selected">友情链接</option>
        <option value="http://www.ovzz.com">精美桌面</option>
        <option value="http://www.cnitq.com">中国IT圈</option>
        <option value="http://www.9idns.com">华中数据</option>
</select>


直接把上面两段代码复制到BODY里面就OK了.
分享到:
评论

相关推荐

    向元素中动态添加option

    首先,创建一个新的`&lt;option&gt;`元素需要使用`document.createElement('option')`。然后,可以使用`.innerHTML`属性设置`&lt;option&gt;`的文本内容,例如:`option.innerHTML = '新选项'`。接着,为了指定`&lt;option&gt;`的值,...

    双选框 两个<select>标签组成 高效代码清晰

    在IT领域,尤其是在Web开发中,`&lt;select&gt;`标签是一个常用元素,用于创建下拉菜单,让用户在一组预设选项中进行选择。本项目中,我们看到一个创新的应用,即通过两个`&lt;select&gt;`标签来实现类似“双选框”的功能,这在...

    联动组件JAVA<select>代码

    要实现联动效果,我们需要监听第一个&lt;select&gt;元素的`onchange`事件。当用户更改选择时,此事件会被触发。例如: ```javascript document.getElementById('select1').addEventListener('change', function() { //...

    固定宽度下拉列表select中option内容显示不全问题解决方法

    通常,这样的示例会包含一个自定义的样式或脚本,用于扩展`&lt;select&gt;`元素的显示宽度,或者替换`&lt;select&gt;`以达到预期效果。 总的来说,处理固定宽度下拉列表`&lt;select&gt;`中`&lt;option&gt;`内容显示不全的问题需要结合HTML、...

    使用js实现 年月日绑定html 控件上

    为了动态生成选项,我们可以定义一个名为`DateSelector`的JavaScript类,该类负责初始化年、月、日的`&lt;select&gt;`元素,并为其添加相应的选项。 ```javascript function DateSelector(selYear, selMonth, selDay) { ...

    JSP自定义标签(封装<select>标签)

    本教程将深入讲解如何封装一个自定义标签来实现一个动态生成的`&lt;select&gt;`标签,这个标签能够根据输入的SQL查询语句自动填充下拉选项。 首先,我们需要了解自定义标签的基本结构。在JSP中,自定义标签由两部分组成:...

    [JavaScript]Javascript 设置与读取Co 三级select列表

    在处理多级联动时,每个级别都对应一个`&lt;select&gt;`元素,且下一级别的`&lt;select&gt;`的选项会根据上一级的选择动态生成。 要实现这个功能,JavaScript提供了DOM操作接口,包括`document.getElementById()`、`document....

    Jquery实现的的动态无刷新的二级联动菜单

    1. **HTML结构**:创建两个&lt;select&gt;元素,第一个作为一级菜单,第二个作为二级菜单。初始时,二级菜单为空或显示默认选项。 2. **jQuery绑定事件**:使用jQuery的`change()`事件监听一级菜单的选择变化,当用户选择...

    mybatis动态sql(使用<where>标签来处理多个查询条件)

    当使用`&lt;where&gt;`标签时,它会智能地移除第一个“AND”或“OR”,从而避免了多余的条件判断。这对于构建含有多个查询条件的SQL语句非常有用。 ##### 使用场景 假设我们需要从数据库中查询博客信息,并允许用户根据...

    jsp select 带多选框

    在这个特定的场景中,"jsp select 带多选框"指的是在JSP中使用HTML的`&lt;select&gt;`元素创建一个多选下拉框。这种功能在用户界面设计中很常见,允许用户同时选择多个选项。 HTML的`&lt;select&gt;`元素默认只支持单选,但通过...

    HTML中的select标签如何使用.docx

    创建一个简单的`&lt;select&gt;`标签,需要在`&lt;select&gt;`标签内部包含一系列的`&lt;option&gt;`标签,每个`&lt;option&gt;`代表一个可选的值。例如: ```html &lt;select&gt; &lt;option&gt;张三&lt;/option&gt; &lt;option&gt;李四&lt;/option&gt; &lt;option&gt;王二...

    select美化HTML的select标签的原始样式,并且不影响原始select的事件方法调用

    为了解决这个问题,我们可以创建一个自定义的组件,如`lzy-custom-select`,这个组件将`&lt;select&gt;`元素包装在一个更可控的容器中,然后使用JavaScript来模拟原生的下拉行为。 `lzy-custom-select`可能的实现思路是:...

    bootstrap-select下拉选择搜索框,可以多选和单选

    而Bootstrap Select是这个生态中的一个补充,专注于解决`&lt;select&gt;`标签的功能局限性。 使用Bootstrap Select的方法并不复杂,通常包括以下步骤: 1. **引入依赖**:首先,确保在页面中引入Bootstrap的CSS和...

    select将选中的option设置为默认选项

    `&lt;select&gt;`元素包含一个或多个`&lt;option&gt;`,用户可以在这些选项中进行选择。例如: ```html &lt;select id="mySelect"&gt; &lt;option value="1"&gt;Option 1&lt;/option&gt; &lt;option value="2"&gt;Option 2&lt;/option&gt; &lt;option value="3...

    如何获取select下拉框的值(option没有及有value属性)

    &lt;option&gt;学号&lt;/option&gt; &lt;option&gt;姓名&lt;/option&gt; &lt;option&gt;年龄&lt;/option&gt; &lt;/seclect&gt; [removed] [removed] = funciton(){ var param = document.getElementById(“param1”); param.onchange = getParam(){ var text =...

    Query实现的<select>动态二级联动菜单

    本文将详细讲解如何利用jQuery、Ajax和JSON来实现一个无刷新的动态二级联动菜单,该功能基于`&lt;select&gt;`元素,提供优秀的用户体验。 首先,我们需要了解jQuery库,它是一个强大的JavaScript库,简化了DOM操作、事件...

    MyBatis-03动态SQL-01.<if>元素的使用

    其中,`test`属性是必须的,它接受一个表达式,这个表达式的结果将决定`&lt;if&gt;`内部的SQL片段是否被包含到最终生成的SQL语句中。`propertyExpression`通常是一个Map、POJO类的字段或者SpEL(Spring Expression ...

    Jquery操作select标签例子

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作,包括对`&lt;select&gt;`标签的操作。本文将详细讲解如何使用jQuery来管理HTML中的`&lt;select&gt;`元素,包括选择、更改选项,获取选中项的文本、值...

    HTML5&CSS3网页制作:select元素.pptx

    默认情况下,第一个`&lt;option&gt;`是选中的,但你可以使用`selected`属性指定一个默认选中的选项,如: ```html &lt;select&gt; &lt;option value="option1"&gt;选项1&lt;/option&gt; &lt;option value="option2" selected&gt;选项2&lt;/option&gt; ...

    select下拉框添加搜索功能

    `jquery.editable-select`是一个jQuery插件,它提供了可编辑的下拉选择框,自带搜索功能。使用这个库可以大大简化开发过程。首先,你需要在页面中引入jQuery和`jquery.editable-select`的JS和CSS文件。然后,通过...

Global site tag (gtag.js) - Google Analytics