1. ;(function ($) {
  2. 	//局部性的
  3. 	/*$.fn.extend({
  4. 		'nav' : function (color) {
  5. 			$(this).find('.nav').css({
  6. 				'list-style' : 'none',
  7. 				'margin' : 0,
  8. 				'padding' : 0,
  9. 				'display' : 'none',
  10. 				'color' : color
  11. 			});
  12.  
  13. 			$(this).find('.nav').parent().hover(function () {
  14. 				$(this).find('.nav').slideDown('normal');
  15. 			}, function () {
  16. 				$(this).find('.nav').stop().slideUp('normal');
  17. 			});
  18.  
  19. 			return this;
  20. 		}
  21. 	});
  22. 	*/
  23.  
  24. 	//全局性的
  25. 	$.extend({
  26. 		'nav':function(color){
  27. 			  $('.nav').css({
  28. 		'list-style':'none',
  29. 		'margin':0,
  30. 		'padding':0,
  31. 		'display':'none',
  32. 		'color':color
  33. 	    });
  34. 	    $('.nav').parent().hover(function() {
  35.         $(this).find('.nav').slideDown('normal');
  36.         },function(){
  37. 		$(this).find('.nav').stop().slideUp('normal');
  38. 		});
  39. 		return this;
  40. 			}
  41. 		});
  42. })(jQuery);

　　

  1. $(function () {
  2.  
  3. 	//alert($('.list').eq(0).nav('orange'));
  4. 	/*$('.nav').css({
  5. 		'list-style':'none',
  6. 		'margin':0,
  7. 		'padding':0,
  8. 		'display':'none'
  9.  
  10. 	});
  11. 	$('.nav').parent().hover(function() {
  12.         $(this).find('.nav').slideDown('normal');
  13.     },function(){
  14. 		$(this).find('.nav').stop().slideUp('normal');
  15. 		});*/
  16. 		//全局性的
  17. 		$.nav('orange');
  18. 		//局部性的
  19. 		//$('.list').eq(0).nav();
  20. });

　　

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>插件</title>
  6. <script type="text/javascript" src="jquery-1.10.1.js"></script>
  7. <script type="text/javascript" src="jquery.nav.js"></script>
  8. <script type="text/javascript" src="demo.js"></script>
  9. <link rel="stylesheet" href="style.css" type="text/css" />
  10. </head>
  11. <body>
  12.  
  13. <!--<ul class="list">
  14. 	<li>导航列表
  15. 		<ul class="nav">
  16. 			<li>导航列表1</li>
  17. 			<li>导航列表1</li>
  18. 			<li>导航列表1</li>
  19. 			<li>导航列表1</li>
  20. 			<li>导航列表1</li>
  21. 			<li>导航列表1</li>
  22. 		</ul>
  23. 	</li>
  24. 	<li>导航列表
  25. 		<ul class="nav">
  26. 			<li>导航列表2</li>
  27. 			<li>导航列表2</li>
  28. 			<li>导航列表2</li>
  29. 			<li>导航列表2</li>
  30. 			<li>导航列表2</li>
  31. 			<li>导航列表2</li>
  32. 		</ul>
  33. 	</li>
  34. 	<li>导航列表
  35. 		<ul class="nav">
  36. 			<li>导航列表3</li>
  37. 			<li>导航列表3</li>
  38. 			<li>导航列表3</li>
  39. 			<li>导航列表3</li>
  40. 			<li>导航列表3</li>
  41. 			<li>导航列表3</li>
  42. 		</ul>
  43. 	</li>
  44. 	<li>导航列表
  45. 		<ul class="nav">
  46. 			<li>导航列表4</li>
  47. 			<li>导航列表4</li>
  48. 			<li>导航列表4</li>
  49. 			<li>导航列表4</li>
  50. 			<li>导航列表4</li>
  51. 			<li>导航列表4</li>
  52. 		</ul>
  53. 	</li>
  54. 	<li>导航列表
  55. 		<ul class="nav">
  56. 			<li>导航列表5</li>
  57. 			<li>导航列表5</li>
  58. 			<li>导航列表5</li>
  59. 			<li>导航列表5</li>
  60. 			<li>导航列表5</li>
  61. 			<li>导航列表5</li>
  62. 		</ul>
  63. 	</li>
  64. </ul>
  65.  
  66. <p>1</p><p>1</p>
  67.  
  68. <ul class="list">
  69. 	<li>导航列表
  70. 		<ul class="nav">
  71. 			<li>导航列表1</li>
  72. 			<li>导航列表1</li>
  73. 			<li>导航列表1</li>
  74. 			<li>导航列表1</li>
  75. 			<li>导航列表1</li>
  76. 			<li>导航列表1</li>
  77. 		</ul>
  78. 	</li>
  79. 	<li>导航列表
  80. 		<ul class="nav">
  81. 			<li>导航列表2</li>
  82. 			<li>导航列表2</li>
  83. 			<li>导航列表2</li>
  84. 			<li>导航列表2</li>
  85. 			<li>导航列表2</li>
  86. 			<li>导航列表2</li>
  87. 		</ul>
  88. 	</li>
  89. </ul>
  90. -->
  91.  
  92. <ul class="list">
  93. <li>导航列表
  94. <ul class="nav">
  95. <li>导航列表1</li>
  96. <li>导航列表1</li>
  97. <li>导航列表1</li>
  98. <li>导航列表1</li>
  99. <li>导航列表1</li>
  100. <li>导航列表1</li>
  101. </ul>
  102. </li>
  103. <li>导航列表
  104. <ul class="nav">
  105. <li>导航列表2</li>
  106. <li>导航列表2</li>
  107. <li>导航列表2</li>
  108. <li>导航列表2</li>
  109. <li>导航列表2</li>
  110. <li>导航列表2</li>
  111. </ul>
  112. </li>
  113. <li>导航列表
  114. <ul class="nav">
  115. <li>导航列表3</li>
  116. <li>导航列表3</li>
  117. <li>导航列表3</li>
  118. <li>导航列表3</li>
  119. <li>导航列表3</li>
  120. <li>导航列表3</li>
  121. </ul>
  122. </li>
  123. <li>导航列表
  124. <ul class="nav">
  125. <li>导航列表4</li>
  126. <li>导航列表4</li>
  127. <li>导航列表4</li>
  128. <li>导航列表4</li>
  129. <li>导航列表4</li>
  130. <li>导航列表4</li>
  131. </ul>
  132. </li>
  133. <li>导航列表
  134. <ul class="nav">
  135. <li>导航列表5</li>
  136. <li>导航列表5</li>
  137. <li>导航列表5</li>
  138. <li>导航列表5</li>
  139. <li>导航列表5</li>
  140. <li>导航列表5</li>
  141. </ul>
  142. </li>
  143. </ul>
  144.  
  145. <!--<p>1</p><p>1</p>
  146.  
  147. <ul class="list">
  148. 	<li>导航列表
  149. 		<ul class="nav">
  150. 			<li>导航列表1</li>
  151. 			<li>导航列表1</li>
  152. 			<li>导航列表1</li>
  153. 			<li>导航列表1</li>
  154. 			<li>导航列表1</li>
  155. 			<li>导航列表1</li>
  156. 		</ul>
  157. 	</li>
  158. 	<li>导航列表
  159. 		<ul class="nav">
  160. 			<li>导航列表2</li>
  161. 			<li>导航列表2</li>
  162. 			<li>导航列表2</li>
  163. 			<li>导航列表2</li>
  164. 			<li>导航列表2</li>
  165. 			<li>导航列表2</li>
  166. 		</ul>
  167. 	</li>
  168. </ul>-->
  169. </body>
  170. </html>

　　

20151214 jquery插件代码备份的更多相关文章

  1. 14种网页图片和文字特效的jQuery插件代码

    1.网页图片3d旋转jQuery代码 演示和下载地址 2.存css3实现的tabl选项卡代码 演示和下载地址 3.jQuery标签旋转代码 演示和下载地址 4.鼠标悬浮的图片选项卡代码 演示和下载地址 ...

  2. 转 jQuery(图片、相册)插件代码实例

    jQuery想必大部分前端er都知道甚至很熟悉了,网上有数以万计的优秀的jQuery插件以及教程,今天收集了一些关于图片.相册的jQuery插件代码,希望会对你有所帮助. 1. 3D Gallery ...

  3. 我利用网上特效开发的Jquery插件

    我利用网上特效开发的Jquery插件 代码如下 (function($){ $.fn.Dialogx = function(options) { var defaults={ Width:" ...

  4. jQuery插件实现图片展开效果，jquery.gallery。仿腾讯QQ空间说说图片展示效果。

    公司的项目http://www.umfun.com/,有个说说的页面(和腾讯QQ空间说说一样),里面有个发表图片功能,上传完图片,需要点击展开的效果. 当时手里面事情比较多(公司就我一个前端),忙不过 ...

  5. 【jQuery基础学习】08 编写自定义jQuery插件

    目的:虽然jQuery各种各样的功能已经很完善了,但是我们还是要学会自己去编写插件.这样我们可以去封装一些项目中经常用到的专属的代码,以便后期维护和提高开发效率. jQuery插件的类型: 封装对象方 ...

  6. Jquery插件学习

    前端开发也工作了一段时间,Jquery代码页写了很多,但是都是些的很零散的,不是很好用,网上看了很多人写的Jquery 很好用,而且到每个项目中都可以使用, 本人就感觉很好奇他们是怎么做到的呢,于是自 ...

  7. 设计一种前端数据延迟加载的jQuery插件(2)

    背景 最近看到很多网站都运用到了一种前端数据延迟加载技术,包括淘宝,新浪网等等,这样做的目的可以使得一些未显示的图片随 着滚动条的滚动进行延迟显示. 好处显而易见,可以减少前端对于图片的Http请求, ...

  8. jquery系列教程7-自定义jquery插件全解：对象函数、全局函数、选择器

    点击打开: jquery系列教程1-选择器全解 jquery系列教程2-style样式操作全解 jquery系列教程3-DOM操作全解 jquery系列教程4-事件操作全解 jquery系列教程5-动 ...

  9. 高仿阴阳师官网轮播图效果的jQuery插件

    代码地址如下:http://www.demodashi.com/demo/12302.html 插件介绍 这是一个根据阴阳师官网的轮播效果所扒下来的轮播插件,主要应用于定制个性化场景,目前源码完全公开 ...

随机推荐

  1. （转载）SQL Server 2005 日志文件过大处理

    由于安装的时候没有计划好空间,默认装在系统盘,而且又没有做自动备份.截断事务日志等,很快LDF文件就达到十几G,或者几十G ,此时就不得不处理了. 备份和计划就不说了,现在就说下怎么把它先删除吧: 1 ...

  2. Android 实用代码七段（二）

    声明 欢迎转载,但请保留文章原始出处:)  博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com 正文 一.获取应用程序下所有Acti ...

  3. wpa_supplicant 和 802.11g WPA 认证的配置

    # cd /etc/init.d# ln -s net.lo net.eth0 默认的接口名是 wlan0,让它开机时自动 up:cp /etc/init.d/net.lo /etc/init.d/n ...

  4. HDU5653 Bomber Man wants to bomb an Array 简单DP

    题意:bc 77 div1 1003(中文题面) 分析:先不考虑将结果乘以 1e6. 设 dp[i] 为从前 i 个格子的状态可以获得的最大破坏指数. 那么我们可以枚举每个炸弹,该炸弹向左延伸的距离和 ...

  5. plsql的参数IN和OUT

    代码片段一 create or replace procedure scott.pro_para_inout(p_dname in out scott.dept.dname%TYPE, p_loc o ...

  6. 无法连接 mysql

    ==================================================================================================== ...

  7. vim配置vimrc详解

    vimrc的存放位置: 系统 vimrc 文件: "$VIM/vimrc" 用户 vimrc 文件: "$HOME/.vimrc" 用户 exrc 文件: &q ...

  8. 【Java基础】Java内部类

    什么是内部类 把类定义在其他类的内部,这个类就被称为内部类. 内部类的分类 内部类分为两种,分别为成员内部类和局部内部类: 成员内部类:和成员变量和成员方法定义在同级 局部内部类:和局部变量定义在同级 ...

  9. （翻译）什么是Java的永久代（PermGen）内存泄漏

    http://www.codelast.com/?p=7248 转载请注明出处:http://www.codelast.com/ 本文是我对这篇文章的翻译:What is a PermGen leak ...

  10. Hibernate复合主键映射

    目录: 1. 实现方式一:将复合主键对应的属性与实体其他普通属性放在一起 2. 实现方式二:将主键属性提取到一个主键类中,实体类只需包含主键类的一个引用 在日常开发中会遇到这样一种情况,数据库中的某张 ...