利用浮层使select不可选的实现方法

 更新时间:2016年12月03日 16:07:56   投稿:jingxian  
下面小编就为大家带来一篇利用浮层使select不可选的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦

实例如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<span style="position:relative">
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<div style="position:absolute;width:100%;height:100%;left:0px;top:0px;background:#fff;opacity:0;filter:alpha(opacity=0)">&nbsp;</div>
<br />
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

</span>

缺点:需明确的知道select的位置

以上这篇利用浮层使select不可选的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 使用jQuery UI库开发Web界面的简单入门指引

    使用jQuery UI库开发Web界面的简单入门指引

    这篇文章主要介绍了使用jQuery UI库开发Web界面的简单入门指引,jQuery UI是一个基于jQuery的图形组件库,需要的朋友可以参考下
    2016-04-04
  • Jquery中的$.each获取各种返回类型数据的使用方法

    Jquery中的$.each获取各种返回类型数据的使用方法

    each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等,在javaScript开发过程中使用$each可以大大的减轻我们的工作量。
    2015-05-05
  • 13个绚丽的Jquery 界面设计网站推荐

    13个绚丽的Jquery 界面设计网站推荐

    今天共享一些令人振奋的UI教程,这些UI大部分是基于Jquery的插件,主要包括动态切换视图的相册、3D旋转分享按钮、Facebook admin Panel,下滑效果的导航Menu,滑翔购物车功能,漂亮的Form表单元素等等。
    2010-09-09
  • jquery制作居中遮罩层效果分享

    jquery制作居中遮罩层效果分享

    这篇文章主要介绍了jquery制作居中遮罩层效果示例,需要的朋友可以参考下
    2014-02-02
  • JavaScript 弹出子窗体并返回结果到父窗体的实现代码

    JavaScript 弹出子窗体并返回结果到父窗体的实现代码

    下面小编就为大家带来一篇JavaScript 弹出子窗体并返回结果到父窗体的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • jcrop基本参数一览

    jcrop基本参数一览

    Jcrop是基于JQuery的图片裁剪插件,这里简单介绍下基本参数,需要的朋友可以参考下
    2013-07-07
  • jQuery统计上传文件大小的方法

    jQuery统计上传文件大小的方法

    这篇文章主要介绍了jQuery统计上传文件大小的方法,主要通过ActiveXObject对象来实现,需要的朋友可以参考下
    2015-01-01
  • 深入解析jQuery中Deferred的deferred.promise()方法

    深入解析jQuery中Deferred的deferred.promise()方法

    这篇文章主要介绍了jQuery中Deferred的deferred.promise()方法,提醒千万要注意deferred.promise()与jQuery的.promise() 实例方法的区别,需要的朋友可以参考下
    2016-05-05
  • jQuery实现简单评论功能

    jQuery实现简单评论功能

    这篇文章主要为大家详细介绍了jQuery实现简单评论功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • jquery实现Ajax请求的几种常见方式总结

    jquery实现Ajax请求的几种常见方式总结

    这篇文章主要介绍了jquery实现Ajax请求的几种常见方式,结合实例形式总结分析了jQuery实现ajax请求常用的load()、post()、get()及Ajax()方法相关操作技巧,需要的朋友可以参考下
    2019-05-05

最新评论