`
ziyuewang
  • 浏览: 40106 次
  • 性别: Icon_minigender_2
  • 来自: 济南
社区版块
存档分类
最新评论

短小快捷的EasyCombox (*^__^*) 嘻嘻……

阅读更多
		<style type="text/css">
			.easy-combox {
				padding : 0px ;
				margin : 0 auto ;
				margin-top : 40px ;
				width : 227px ;
				border : none  ;
				background : #fff ;
			}
			.combox-console {
				padding : 0px ;
				margin : 0px ;
				width : 227px ;
				background : #fff ;
			}
			.combox-console .v {
				padding-left : 6px ;
				margin : 0px ;
				width : 194px ;
				height : 24px ;
				line-height : 24px ;
				font-size : 13px ;
				font-family : arial ;
				font-weight : bold ;
				color : #999 ;
				border : 1px solid #7D0000 ;
				float : left ;
			}
			.combox-console .c {
				padding : 0px ;
				margin : 0px ;
				width : 24px ;
				height : 24px ;
				line-height : 24px ;
				font-size : 12px ;
				font-family : arial ;
				color : #000 ;
				border : 1px solid #7D0000 ;
				border-left : 0px ;
				text-align : center ;
				float : right ;
				cursor : pointer ;
			}
			.combox-data {
				padding : 0px ;
				margin : 0px ;
				width : 225px ;
				border : 1px solid #7D0000 ;
				border-top : 0px ;
				clear : both ;
			}
			.combox-data ul {
				padding : 0px ;
				margin : 0px ;
				list-style : none ;
				width : 225px ;
			}
			.combox-data ul li {
				padding : 0px ;
				margin : 0px ;
				width : 225px ;
				height : 24px ;
			}
			.combox-data ul li a {
				padding-left : 10px ;
				margin : 0px ;
				width : 215px ;
				height : 24px ;
				line-height : 24px ;
				font-size : 13px ;
				font-family : arial ;
				color : #000 ;
				display : block ;
				text-decoration : none ;
			}
			.combox-data ul li a:hover {
				color : #fff ;
				background :  #555 ;
			}
		</style>
		<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
		
		<script type="text/javascript">
			$(function(){
				var config = {
					renderTo : "foo" ,
					items : [
						"JQuery","Prototype","ExtJS","Dojo","YAHOO-YUI"
					]
				} ;
				EasyCombox.load(config) ;
			}) ;
			var EasyCombox = function(){
				function _showOrHide(jq){
					jq.slideToggle() ;
				} ;
				function _render(renderTo,items){
					var easyCombox = $("<div></div>")
								.addClass("easy-combox")
								.appendTo(renderTo) ;
					var comboxConsole = $("<div></div>")
								.addClass("combox-console")
								.appendTo(easyCombox) ;
					var v = $("<div></div>")
								.addClass("v")
								.appendTo(comboxConsole)
								.click(function(){
									_showOrHide($(".combox-data")) ;
								}) ;
					var c = $("<div></div>")
								.addClass("c")
								.html("▼")
								.appendTo(comboxConsole)
								.click(function(){
									_showOrHide($(".combox-data")) ;
								}) ;
					var comboxData = $("<div></div>")
								.addClass("combox-data")
								.appendTo(easyCombox) ;
					var _ul = $("<ul></ul>").appendTo(comboxData) ;
					for(var i=0;i<items.length;i++){
						var item = items[i] ;
						var _li = $("<li></li>").appendTo(_ul) ;
						var _a = $("<a href='#'></a>")
								.html(item)
								.appendTo(_li)
								.click(function(){
									$(".v").html($(this).html()) ;
									$(this).parents(".combox-data").hide() ;
								}) ;
					}
				} ;
				function load(config){
					var renderTo = $(document.getElementById(config.renderTo)) ;
					var items = config.items ;
					_render(renderTo,items) ;
				} ;
				return {
					load : load
				} ;
			}() ;
		</script>
  • 大小: 10.2 KB
分享到:
评论

相关推荐

    iperf__and__netperf

    它在单一的TCP连接上进行多次交易,以评估网络在处理大量短小事务时的效率。 - **TCP_CRR**:与TCP_RR不同,TCP_CRR为每个交易建立独立的TCP连接,这在HTTP等应用中很常见。虽然增加了网络开销,但能够更准确地反映...

    json C语言 接口函数

    与XML相比,JSON的优势在于格式更加简洁短小,尤其在处理大量复杂数据时优势明显。此外,JSON还解决了不同浏览器对XML DOM解析方式不同的问题。 ##### 2.1 JSON的主要构建单元 - **“名称/值”对的集合**:这种...

    Python库 | mini_lambda-1.2.1.tar.gz

    在Python中,lambda函数是一种简化的、匿名的函数定义方式,常用于短小且一次性的函数。然而,原生的lambda函数在复杂性上有限制,不能包含多行代码。mini_lambda库正是为了克服这些限制而诞生的。 **mini_lambda库...

    基于PT的低内顾占用调度器

    - **短小任务**:要求每个任务执行时间较短,以保证其他任务能及时得到调度。 - **宏观并行**:尽管单核CPU在任一时刻只能执行一个任务,但从宏观上看,多个任务似乎在并行运行。 #### 四、小小调度器(Tiny ...

    C++ 模板写的短小字符串类,用于替换字符数组和std::string

    //短小字符串类 template&lt;size_t N&gt; struct TinyString { TinyString(); template&lt;size_t K&gt; TinyString(const TinyString&lt;K&gt;& str); TinyString(size_t n, char c); TinyString(const char* s, ...

    SQLServer死锁总结.doc

    - **事务管理**:确保事务尽可能短小,减少持有锁的时间。 - **资源顺序**:为事务操作设定一致的资源获取顺序,避免循环等待。 - **死锁检测和超时**:SQL Server有内置的死锁检测机制,当检测到死锁时,会选择...

    Orion插件 - 适用于eclipse的短小快捷强大的应用服务器

    2. **快捷部署**:只需简单几步,就可以将JavaEE项目部署到Orion应用服务器上,减少了手动配置的时间。 3. **实时反馈**:在开发过程中,可以通过插件实时查看应用的状态,及时发现并解决问题。 4. **调试支持**:...

    Python 全面的面试题

    6. **lambda函数**:lambda函数是Python中的匿名函数,用于创建简单的、一次性使用的函数,通常用于需要短小函数的地方,如排序或映射操作。 7. **函数式编程**:Python支持函数式编程,包括高阶函数(如map、...

    Python天天美味1

    32. **lambda函数**:简洁的匿名函数,通常用于短小的、一次性的代码块。 33. **unittest**:Python的标准单元测试框架,可以像gtest那样定制输出,使用`unittest.TextTestRunner`的配置。 这些知识点构成了Python...

    嵌入式系统/ARM技术中的详解ARM Linux 2.4.x进程调度

    2. **SCHED_FIFO**:用于短小的实时任务。这类任务一旦开始运行,除非有更高优先级的任务请求CPU,否则它会一直执行直到完成。这种策略确保了高优先级的实时任务可以快速执行,但可能导致低优先级任务的长时间等待。...

    boost线程指南手册

    - **`lock_guard`**:自动锁定和解锁,适用于短小的代码块。 - **`unique_lock`**:更灵活的锁定策略,支持延时锁定、超时等待等高级功能。 - **`shared_lock`**:用于读取共享资源,允许多个线程同时持有。 - **`...

    剑桥国际英语教程青少版词汇手册2.docx

    - **定义**: 旨在逗笑或娱乐的短小故事或陈述。 - **例句**: He told a funny joke at the party. **lake n. 湖** - **定义**: 被陆地包围的大片水域。 - **例句**: We went swimming in the lake yesterday. **...

    水杉(MQO模型查看,編輯工具)

    水杉(MQO模型查看,編輯工具) 水杉是日本的O.Mizno先生开发的3D建模软件,短小(必备程序8M,压缩后4M)却精悍,在3D...因此用WOOW的汉化版水杉248,作为3D建模入门或者实战运用都很合适,可谓老少咸宜,雌雄双杀,^_^!

    VC++做的U盘检测程序

    10. **代码优化**:虽然程序代码短小、简洁、明晰,但优化始终是提升程序性能的关键。可能包括减少不必要的系统调用,优化数据结构,提高算法效率等。 总之,"VC++做的U盘检测程序"是一个结合了Windows系统编程、...

    精简短小的桌面清理软件

    标题中的“精简短小的桌面清理软件”指的是一个轻量级的应用程序,设计用于整理和清理用户计算机桌面。这类软件通常体积小巧,不会占用大量系统资源,却能有效地帮助用户整理桌面上的文件、快捷方式和无用图标,使...

    C++面试题经典 300道

    对于频繁使用的短小函数,在C语言中通常使用宏定义,而在C++中,更推荐使用`inline`关键字以提高效率。 4. **预处理指令**:`#if`是预处理指令,用于条件编译。在示例中,由于`a`是变量而非宏,`#if (a&gt;1)`在预编译...

    reshacker V3.5中文版.rar PE工具

    - **DOS头**:保留了早期DOS系统的兼容性,包含一个短小的DOS程序,指向NT头的地址。 - **NT头**:包含PE签名、文件头和可选头,定义了文件的类型、目标平台、入口点等信息。 - **节表**:描述了文件中的各个节...

Global site tag (gtag.js) - Google Analytics