`

用做一个<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

    NULL 博文链接:https://longying2008.iteye.com/blog/2203068

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

    由两个&lt;select&gt;标签组成的具有挑选功能的js组建。 可实现左侧的元素移到右侧,右侧移到左侧。 有提交功能。 代码简洁、高效复用性强。 本段代码有Map的遍历读者不必细究。

    联动组件JAVA<select>代码

    联动组件,当&lt;select&gt;控件中选项发生改变,相应的联动的另一&lt;select&gt;控件

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

    &lt;select&gt;和&lt;/select&gt;标记用于在表单中添加一个下拉菜单 &lt;option&gt;和&lt;/option&gt;用于定义下拉菜单中的具体选项 每对&lt;select&gt;和&lt;/select&gt;中至少应包含一对&lt;option&gt;和&lt;/option&gt;。 说明 标记名 常用属性 描述 &lt;select&gt; size...

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

    基于jquery的用&lt;select&gt;实现二级动态联动菜单,里面用到jquer+ajax+json解析方面知识,通过无刷新去后台值实现的,可用性非常好,欢迎大家下载学习。

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

    JSP自定义标签,封装&lt;select&gt;标签,有两个属性,第一个属性是SQL select语句,只要语法准确,查询出来的数据就会自动加载到select标签,否则无法加载;第二个属性是标签的名称.绝对实用

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

    用js把年月日绑定到html &lt;select&gt;控件

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

    基于jquery的用&lt;select&gt;实现二级动态联动菜单,里面用到jquer+ajax+json解析方面知识,通过无刷新去后台值实现的,可用性非常好,欢迎大家下载学习。

    <S:select>用法

    Address private int aid; private String aname; public int getAid() { ... &lt;s:select name="address" headerKey="-1" headerValue="请选择" list="lis" listKey="aid" listValue="aname" /&gt; &lt;/s:form&gt;

    javascript 获取select ->option中id、value、label属性及中内容

    javascript 获取select -&gt;option中id、value、label属性及&lt;option&gt;&lt;/option&gt;中内容

    超强悍的select支持汉字、拼音首字母、英文搜索方式

    超强悍的&lt;select&gt;支持汉字、拼音首字母、英文搜索方式 ...3.简化了使用方法:对任意一个&lt;select&gt;不需要做任何改动,只需加入以下代码: $('#select1').selectseach('/img/'); (这里假设图片放在了‘/img/’下)。

    省市县三级联动

    省:&lt;select id="Select1"&gt;&lt;/select&gt; 市:&lt;select id="Select2"&gt;&lt;/select&gt; 区:&lt;select id="Select3"&gt;&lt;/select&gt; &lt;script type="text/javascript"&gt; addressInit('cmb', 'cmbCity', 'cmbArea', '陕西', '宝鸡市', '...

    省、市、地区联动选择压缩版应用实例

    户 口 所 在 地:&lt;select name="province1"&gt;&lt;/select&gt;&lt;select name="city1"&gt;&lt;/select&gt;&lt;select name="area1"&gt;&lt;/select&gt;&lt;br&gt; 工 作 所 在 地:&lt;select name="province2"&gt;&lt;/select&gt;&lt;select name="city2"&gt;&lt;/select&gt;...

    2011网页特效javascript脚本代码

    &lt;/SCRIPT&gt; &lt;BODY STYLE="font-family:Arial"&gt; &lt;B&gt;Changing Background Colors&lt;/B&gt; &lt;BR&gt; &lt;FORM&gt; &lt;SELECT SIZE="8" onChange="bgChange(this);"&gt; &lt;OPTION&gt;Red &lt;OPTION&gt;Orange &lt;OPTION&gt;Yellow &lt;OPTION&gt;Green ...

    MYSQL

    &lt;br&gt;8.3.5 使用外键 &lt;br&gt;8.4 创建并使用一个数据库 &lt;br&gt;8.4.1 创建并选用一个数据库 &lt;br&gt;8.4.2 创建一个数据库表 &lt;br&gt;8.4.3 将数据装入数据库表 &lt;br&gt;8.4.4 从一个数据库表检索信息 &lt;br&gt;8.4.4.1 选择所有数据 &lt;br&gt;8.4...

    mysql5.1中文手册

    在同一个数据库中创建多个表的缺陷&lt;br&gt;7.5. 优化MySQL服务器&lt;br&gt;7.5.1. 系统因素和启动参数的调节&lt;br&gt;7.5.2. 调节服务器参数&lt;br&gt;7.5.3. 控制查询优化器的性能&lt;br&gt;7.5.4. 编译和链接怎样影响MySQL的速度&lt;br&gt;7.5.5. ...

    C#编程经验技巧宝典

    122&lt;br&gt;&lt;br&gt;0205 如何使用正则表达式验证两位小数 122&lt;br&gt;&lt;br&gt;0206 如何使用正则表达式验证一年的12个月份 123&lt;br&gt;&lt;br&gt;0207 如何使用正则表达式验证一个月的31天 123&lt;br&gt;&lt;br&gt;0208 如何使用正则表达式验证数字...

    使用HTML开发商业网站-表单控件-select课件.pptx

    &lt;select&gt;和&lt;option&gt;标签属性 标签名 常用属性 描述 &lt;select&gt; size 指定下拉菜单的可见选项数(取值为正整数)。 multiple 定义multiple="multiple"时,下拉菜单将具有多项选择的功能,方法为按住Ctrl键的同时选择多...

    MYSQL培训经典教程(共两部分) 1/2

    4&lt;br&gt;1.1.5总结 5&lt;br&gt;1.2 关系数据库管理系统 5&lt;br&gt;1.2.1 关系数据库系统 6&lt;br&gt;1.2.2 数据库系统的发展 7&lt;br&gt;1.2.3 与数据库系统通讯 8&lt;br&gt;1.2.4 MySQL的体系结构 8&lt;br&gt;1.2.5总结 8&lt;br&gt;1.3 MYSQL使用的SQL语言 9&lt;br...

    MYSQL培训经典教程(共两部分) 2/2

    4&lt;br&gt;1.1.5总结 5&lt;br&gt;1.2 关系数据库管理系统 5&lt;br&gt;1.2.1 关系数据库系统 6&lt;br&gt;1.2.2 数据库系统的发展 7&lt;br&gt;1.2.3 与数据库系统通讯 8&lt;br&gt;1.2.4 MySQL的体系结构 8&lt;br&gt;1.2.5总结 8&lt;br&gt;1.3 MYSQL使用的SQL语言 9&lt;br...

Global site tag (gtag.js) - Google Analytics