jquery 模拟下拉框插件代码

 

<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>jquery 代码</title>
<meta http-equiv=content-type content="text/html; charset=gb2312">
<meta http-equiv=x-ua-compatible content=ie=emulateie7>

<link href="css教程/index.css" type=text/css rel=stylesheet>
<script src="js/jquery.js" type=text/网页特效></script>
<meta content="mshtml 6.00.6000.16981" name=generator>
</head>
<body>

 <div class=searchbar>
  <span><a href="http://www.111cn.net">网页制作</a><a href="http://www.111cn.net">网页制作</a></span>
  <div class=select><select id=c style="display: none" name=c> <option value=1
    selected>生活信息</option> <option value=2>店铺商家</option> <option
    value=3>新闻资讯</option> <option value=4>团购活动</option> <option
    value=5>招聘信息</option></select> </div>
  <div class=text><input class=s_t
  onblur="if(this.value==''){this.value='111cn.net';this.style.color='#aaa'}"
  onfocus="if(this.value=='111cn.net'){this.value='';this.style.color='#666'}"
  value=111cn.net name=keyword>
   </div>
   <a href="#" class="btn"><img src="images/btn.gif" /></a>
 </div>

 <script src="js/jqselect.js" type=text/javascript></script>
 
 <script type=text/javascript>
 $(document).ready(function() {
  $("#c").selectbox();
 });
 </script>

</body>
</html>

地址
http://down.111cn.net/down/code/jquery/2010/0830/20525.html

时间: 2024-10-27 07:45:22

jquery 模拟下拉框插件代码的相关文章

jquery 级联下拉框实例代码

  <!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="conten

基于jquery的checkbox下拉框插件代码_jquery

option_check.js代码 : 复制代码 代码如下: /***************************************** 调用方法为: Jselect($("#inputid"),{ bindid:'bindid', hoverclass:'hoverclass', optionsbind:function(){return hqhtml();} }); inputid为下拉框要绑定的文本框id bindid为点击弹出/收回下拉框的控件id hoverclas

jquery select下拉框美化代码

  <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/1999/xhtml"> <head> <meta http-equiv="con

jquery取消选择select下拉框示例代码

 本篇文章主要是对jquery取消选择select下拉框示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 有三个select下拉框 一个大类,两个小类隐藏,需要在选择大类的时候,小类显示同时清除另外的小类选择的项 这需求有点儿..........   下面是三个select:   代码如下: <select name="pWaqqqy" id="sel_type" onchange="selectFunction()">

jQuery实现下拉框功能实例代码_jquery

说一百句,不如我给大家贴张效果图,效果图请看下面: <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { m

一款基于jquery联动下拉框效果

 代码如下 复制代码 /* * 级联下拉框Jqueyr插件,V1.2 * Copyright 2011, Leo.Liu * 本插件包括2个无刷新级联下拉框插件: * 插件一:cascadeDropDownData是在不与服务器进行AJAX交互情况使用,需预先将所有下拉框数据全部读出.demo: * 方法一:var dataItem = [['全部', '-1', '0'], ['a001', 'a001', '0'], ['a002', 'a002', '0'], ['a003', 'a003

基于jquery实现下拉框美化特效_jquery

平常我们用的原生select下拉框,大部分样式没办法修改,导致在不同的浏览器里面会跟设计图的风格大相径庭.所以为了能让它美化起来,就用JQ模拟了一个下拉框,可以随意定义样式.原生的下拉框也保留在div里面隐藏着,方便后台开发人员对其进行操作. 效果图如下: HTML代码如下: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <ti

jQuery实现下拉框选择图片功能实例_jquery

本文实例讲述了jQuery实现下拉框选择图片功能.分享给大家供大家参考.具体如下: 让下拉框中显示图片,并可选择对应图片,让select下拉框不仅可显示文字,还可以显示图片内容.为了更生动些,这里还加入了jQuery动画效果,当展开Select列表的时候,图片渐变显示.使用了一个jQ插件:imageselect.js,使用效果的朋友可以自己下载吧. 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <head> <title>支持图片选择的jQuery

利用jquery实现下拉框的禁用与启用_jquery

话不多说,附上实例代码,仅供大家参考 禁用下拉框 //下拉框禁用 $("select").each(function () { $("#" + this.id).attr("disabled", true); }); 启用下拉框 //下拉框启用 $("select").each(function () { $("#" + this.id).removeAttr("disabled");