// jquery-eq.js 一、 var YAHOO = (function($, my){ my.privateAddTopic = function (data) { $('ul > li').live('mousedown', function() { console.log($(this).html() + " down"); }) $('ul > li').live('mouseup', function() { console.log($(this).html() + " up"); }); alert(data); }; my.Name = function (privateName) { return privateName; }; my.privateV = 'private'; return my; })(jQuery, YAHOO || {}); 二、 var YAHOO = (function($, YAHOO){ return { privateAddTopic: function (data) { $('ul > li').live('mousedown', function() { console.log($(this).html() + " down"); }) $('ul > li').live('mouseup', function() { console.log($(this).html() + " up"); }); alert(data); }, Name: function (privateName) { return privateName; }, privateV: 'private' } })(jQuery, YAHOO); 三、 var YAHOO = (function($, YAHOO){ var my = {}, privateName = "博客园"; function privateAddTopic(data) { $('ul > li').live('mousedown', function() { console.log($(this).html() + " down"); }) $('ul > li').live('mouseup', function() { console.log($(this).html() + " up"); }); $('ul > li').live('click', function() { var ts = $(this); var index = ts.index(); var html = ts.html(); if (0 == index) { ts.addClass('ts') } else if (1 == index) { ts.addClass('ts') } else if (2 == index) { ts.addClass('ts') } else if (3 == index) { ts.addClass('ts') } }); $('ul > li').live('mouseout', function() { var ts = $(this); var index = ts.index(); var html = ts.html(); if (0 == index) { ts.removeClass('ts') } else if (1 == index) { ts.removeClass('ts') } else if (2 == index) { ts.removeClass('ts') } else if (3 == index) { ts.removeClass('ts') } }); } my.Name = privateName; my.AddTopic = function (data) { privateAddTopic(data); }; return my; })(jQuery, YAHOO);
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'jquery-eq.jsp' starting page</title> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <style type="text/css"> ul > li { background-color: #FCFEFC; border: 1px solid #F5F5F5; float: left; list-style: none outside none; margin: 10px; padding: 5px; } ul > li:hover { border: 1px solid gray; border-radius: 5px; } .ts { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } </style> <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script> <script type="text/javascript" src="js/jquery-eq.js"></script> <script type="text/javascript"> YAHOO.privateAddTopic(YAHOO.Name('private verial')); alert(YAHOO.privateV); </script> </head> <body> <ul> <li>basketball</li> <li>football</li> <li>one</li> <li>two</li> </ul> <div id="eee"></div> </body> </html>
<div class="iteye-blog-content-contain" style="font-size: 14px"></div>
相关推荐
ABAQUS cohesive modle应用小结,应用ABAQUS模拟粘胶及开裂
精美模板Html_modle后台精美模板16套
23种java设计模式,只要掌握其中的主要的一些模式,看完会应用的话,应该是高手了
PaddleOCR modle.zip
一、JavaScript是一种专为与网页交互而设计的脚本语言,它的的组成 ECMAScript(核心) DOM(文档对象模型) BOM(浏览器对象模型) 1.1ECMAScript ECMA-262定义的ECMAScrip与Web浏览器没有依赖关系,ECMA-262...
一键生成 app Module 如果您想构建一个全新的项目,直接将整个项目 clone (或者下载) 下来,再将 demo 作为主 Module (建议将 arms Module 删除,并使用 Gradle 远程依赖 本框架,便于更新,删除前请务必先查看 这里...
演示文稿modle6.ppt
用java做的一个mvc的modle
pred modle new(1).R
QT自定义模型Modle的实现实例和自定义委托Delegate的实现实例以及在QTableView中加载使用的实现
genesys 开发文档 实在少 开发 技术 文档 手册 modle
一组很好的WEB项目配制文件modle,有struts,hibernate等!
Modle二次开发研究之数据挖掘.pdf
在告别modle1模式开发应用程序后,人们开始注重软件的分层设计,不希望在jsp页面中出现java逻辑代码,同时也由于自定义标签的开发难度较大和不利于技术标准化产生了自定义标签库。JSTL标签库可分为5类: 核心标签...
C#使用TCPIP做的客户端与服务器通信Modle源码 C#使用TCPIP做的客户端与服务器通信Modle源码
程序员简历模板
gai-jb-hp-modle.prt.6
Allegro_16.3_Xnet设置时modle的加载
在ios开发中的modle进行属性描述的时候通常是个繁琐的过程,这个工具可以通过变量名称自动生成属性