模拟select选择器
<form method="post">
        <div class="selectly" id="s1">
               Select col1...
        </div>
    <select class="select" name="select" id="select" style="opacity:0; filter:alpha(opacity=0);" onchange="s1.innerHTML=this.value">
      <option value="Select col1...">Select col1...</option>
      <option value="1111">1111</option>
      <option value="22222">22222</option>
      <option value="333">333</option>
    </select>
      </form>
*html{ background-image:url(about:blank); background-attachment:fixed;
/* 解决固定层在IE6下闪的问题 */}
.fixeder{
    width:100%; height:100px;
    position:fixed; clip:rect(0 100% 100% 0); _position:absolute;
    /* 底部 */
    left:0px;
    /*_bottom:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/
    _top: expression(documentElement.scrollTop + "px");
    /*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/ z-index:999;
}
模拟select选择器的更多相关文章
- div 模拟<select>事件
		IE7 下,不能够自定义<select>/<option>的样式,所以为了方便起见,用div可以进行模拟 <!doctype html> <html> ... 
- IE6中使用通用选择器模拟子选择器效果
		IE6及更低版本不支持高级选择器:IE7有个bug,对于子选择器和相邻同胞选择器,如果父元素和子元素有HTML注释,会出问题. 下面我们使用通用选择器来模拟子选择器的效果. 原理:首先在所有后代上应用 ... 
- jQuery插件:模拟select下拉菜单
		没搞那么复杂,工作中,基本够用.. <!doctype html> <html> <head> <meta charset="utf-8" ... 
- 联合县城市,采用ajax,而使用ul模拟select下拉
		接待处代码 js //采用jquery展示鼠标放到省ul下拉显示 $("#province").hover(function(){ ... 
- 模拟select控件,css模拟下拉
		<!DOCTYPE html > <head> <meta http-equiv="Content-Type" content="t ... 
- jquery实现模拟select下拉框效果
		<IGNORE_JS_OP style="WORD-WRAP: break-word"> <!DOCTYPE html PUBLIC "-//W3C// ... 
- 通过JS模拟select表单,达到美化效果[demo][转]
		转自: http://www.cnblogs.com/dreamback/p/SelectorJS.html 通过JS模拟select表单,达到美化效果 Demo ------------------ ... 
- elementUI 学习入门之 Select 选择器
		Select 选择器 基础用法 <el-select v-model="val1" placeholder="请输入"> <el-option ... 
- Bootstrap 3之美06-Page Header、Breadcrumbs、Dropdowns、Button Dropdowns、用Button和Dropdowns模拟Select、Input Groups、Thumbnails、Panels、Wells
		本篇主要包括: ■ Page Header■ Breadcrumbs■ Button Groups■ Dropdowns■ Button Dropdowns■ 用Button和Dropdo ... 
随机推荐
- wpf 获取datagrid 模板列中的控件
			目前采用的 方法 (网上提供的一款) public static DataGridRow GetRow(DataGrid datagrid, int columnIndex) { ... 
- ios --转载  在mac上安装让rvm及cocoa pods详解
			先安装rvm: 打开终端: $ curl -L https://get.rvm.io | bash -s stable (期间可能会问你sudo管理员密码,以及自动通过homebrew安装依赖包,等待 ... 
- iOS-代理托付的使用
			#import "Rigester_ViewController.h" #import "Rigester_ViewController.h" @interfa ... 
- 关于打开sdk下载不了的最优秀解决方式
			使用网站: mirrors.neusoft.edu.cn 东北大学就可以 
- PDO:: 数据访问抽象层 ? :
			<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ... 
- Java 学习 day05
			01-面向对象(概述) 面向对象 -- 冰箱.打开:冰箱.存储:冰箱.关闭: 02-面向对象(举例) 使用和指挥 -- 对象,不需要关注过程,只关注结果: 一切皆对象,万物皆对象 -- 自<T ... 
- 2017-2018-1 20179209《Linux内核原理与分析》第四周作业
			本周学习内容为<跟踪分析MenuOS简单linux系统的启动过程>和教材中的进程调度及内核数据结构. 一.跟踪分析Linux内核的启动过程 这个实验我是在实验楼环境中完成的,最初想在自己的 ... 
- git学习------>"Agent admitted failure to sign using the key." 问题解决方法
			今天用git clone 命令clone服务器上的代码时候报了如下的错误: ouyangpeng@oyp-ubuntu:~/Android/git_canplay_code$ git clone gi ... 
- Cordova插件相关常用命令
			一,插件相关常用命令 1,查看所有已经安装的插件 1 cordova plugin ls 2,安装插件(以camera插件为例) 1 cordova plugin add cordova-plug ... 
- ABAP 设置单元格颜色
			http://blog.163.com/ronanchen@126/blog/static/172254750201161811040488/ http://blog.csdn.net/lhx20/a ... 
