怎么实现点击空白处,使模拟下拉框消失?

问题描述

我看了 kissygallery 的组件,有一个模拟下拉菜单的 http://gallery.kissyui.com/simulate-select/1.0/demo/index.html,这是它的 demo。它可以实现点击空白处,使下拉框消失。但是我把 demo 下载下来,却做不到。请问他是怎么实现的?代码应该怎么写呢?

解决方案

人家这个效果都是远程加载文件的,你确定你自己操作时是网络畅通的吗。再看看你是不是缺失文件了。

时间: 2024-09-04 22:12:54

怎么实现点击空白处,使模拟下拉框消失?的相关文章

js-为什么点击下一步只能判断下拉框选中值,接着就不能判断文件是否上传了?

问题描述 为什么点击下一步只能判断下拉框选中值,接着就不能判断文件是否上传了? function jump() { var val = document.BulkMonitorForm.theFile.value; if(document.BulkMonitorForm.type.value=='Node') { alert('请选择类型'); return false; } if(trimAll(val)=="") { window.alert('请选择要上传的文件'); retur

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 代码</titl

javascript如何模拟选择下拉框的某一个option元素的效果

因为我们手动交互某一行为,首先是让它的某些属性发生变化,其次是让它触发某事件.想明白这一点就简单了.让属性发生变化,当然是改动其固有属性,因此 setAttribute(aaa,bbb)便出局了,因此它是用来设置自定义属性(IE678另谈,那是怪胎).想触发事件,我们可以用fireEvent或dispathEvent,阿狸从雅虎的YUI搞了一个event-simulate,想得更加周全,大家想深入可以参考一下. 下面就是我的成果了: <!DOCTYPE html> <html> &

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

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

jquery仿QQ登录账号选择下拉框效果_jquery

QQ登录的时候,可以选择以前登录过的账户,这个东西也可以在网站登录的时候用到,所以我就想做一个这样的插件:在网上查了很多,没有找到合适自己的,所以决定自动制作一个. 原理就是一个textbox加一个ul模拟下拉框,用font模拟一个下拉按钮. 一.制作静态效果 先用css和html,做出一个应该有的样子.这里这两个我使用的是字体,可以在icomoon网站上面自己制作.用字体的好处是和输入框定位很方便,而且还可以控制大小颜色等,唯一的不足是IE6和IE7由于不支持:before选择器,导致无法显示

android用PopWindow做下拉框实例代码

最近在做下拉框,本来想用spinner,可是spinner达不到项目要求,跟同学同事问了一圈,都在用popwindow,网上看了一下,popwindow挺简单的,可定制性挺强的,符合我的要求,所以,借鉴网上看的代码,自己撸了一遍.写篇博客以防忘记. 首先,先写个自定义布局,代码如下 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://sche

用户体验设计:网页下拉框设计分析

看似很小的一个改动,其实能反映出大问题.我在下拉框中放默认选中的工商银行,是因为信用卡还款的用户中工商银行占据了大半壁江山.这样大部分用户就能少操作一次,尽管这里会分散一点他的注意力,也许他会试着点一下下拉框,看看是不是有问题直接把工商银行放出来了. 从事设计之后,我一直预防自己变成用户的"奴隶".很不幸,现在的氛围却在把一些设计师变成用户的奴隶.   上面的那张图,是我在项目过程中遇到的一个例子.原来的设计是这样的:   看似很小的一个改动,其实能反映出大问题.我在下拉框中放默认选中

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

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

asp.net-asp实现下拉框级联时出现第二个框一直不断积累的情况

问题描述 asp实现下拉框级联时出现第二个框一直不断积累的情况 比如,第一个下拉框选择华北,第二个下拉框出现:北大,北师大第一个框再选华中,第二个就会出现北大,北师大武大第一次的结果没有删除,要怎么实现?附上代码,各位高手帮我看一下吧,而且想实现第一个框为空的话,第二个框出来全部学校怎样实现? 在index.aspx中 选择地区: -请选择地区-/asp:ListItem/asp:DropDownList选择学校:-请选择学校-/asp:ListItem/asp:DropDownList在ind