新普京网站-澳门新普京 > 新普京网站 > 插件封装成seajs的模块的方法_Seajs_脚本之家

插件封装成seajs的模块的方法_Seajs_脚本之家

2019/12/30 00:51

注:本文使用的seajs版本是2.1.1一、把Jquery封装成seajs的模块复制代码 代码如下:define {

//这里放置jquery代码 把你喜欢的jquery版本放进来就好了

return $.noConflict;

调用方法:这样引进就可以像以前一样使用jquery复制代码 代码如下:define(function (require, exports, module) { var $ = require;

// $.ready { // $.wyhinterlaced({ "odd": "red", "even": "blue" }); // $; // })});二、把jquery的类封装成seajs模块复制代码 代码如下:define(function (require, exports, module) {

var $ = require;

var weekday = new Array weekday[0] = "星期一"; weekday[1] = "星期二"; weekday[2] = "星期三"; weekday[3] = "星期四"; weekday[4] = "星期五"; weekday[5] = "星期六"; weekday[6] = "星期日";

function GetType { var today = new Date(); var year = today.getFullYear(); var month = today.getMonth() + 1; var td = today.getDate(); var d = weekday[today.getDay() - 1]; var h = today.getHours(); var m = today.getMinutes(); var s = today.getSeconds { case 1: //2013-09-09 09:31:56 return year + "-" + month + "-" + td + " "

  • h + ":" + m + ":" + s; break; case 2: //2013-09-09 09:31:56 return year + "-" + month + "-" + td + " " + h + ":" + m + ":" + s; break; case 3: //09-09-2013 09:31:56 return month + "-" + td + "-" + year + " " + h
  • ":" + m + ":" + s; break; case 4: //09-09-2013 星期一 09:31:56 return month + "-" + td + "-" + year + " " + h + ":" + m + ":" + s; break; case 5: //2013年09月09日 09时31分秒56 return year + "年" + month + "月" + td
  • "日 " + h + "时" + m + "分" + s + "秒"; break; case 6: //2013年09月09日 星期一 09时31分秒56 return year + "年" + month + "月" + td + "日 " + h + "时" + m + "分" + s + "秒"; break; } };

/******************************************************* /*函数名:GetTime /*参数:数值(包括整形浮点型都可以,浮点型会做四舍五入处理,如果不是数字, 函数将采用默认的时间格式返回!时间样式有15【1-15是有效的时间样式 超出或小于都将采用默认的样式 样式1】中) /*功能 获取当前的系统时间 可定制格式 *******************************************************/

function GetTime { if { var num = Math.round;

if { return GetType; } else { var str; var str2; switch { case 0: return GetType; break; case 7: str = GetType; return str.replace; break; case 8: str = GetType; return str.replace.replace; break; case 9: str = GetType; return str.replace.replace; case 10: str = GetType; str2 = str.replace.replace; return str2.replace; break; case 11: str = GetType; return str.replace; break; case 12: str = GetType; return str.replace.replace; break; case 13: str = GetType; return str.replace.replace; case 14: str = GetType; str2 = str.replace.replace; return str2.replace; break; case 15: str = GetType; return str.replace; default: return GetType; break; } } } else { return GetType; } };

/* 获取系统的当前年数*/ function GetYear() { var today = new Date(); return today.getFullYear(); };

/*获取系统的当前的月数*/ function GetMonth() { var today = new Date(); return today.getMonth() + 1; ; }; /*获取系统的当前的天数*/ function GetDay() { var today = new Date(); return today.getDate(); ; }; /*获取系统的当前的小时*/ function GetHours() { var today = new Date(); return today.getHours(); }; /*获取系统的当前的分钟*/ function GetMinute() { var today = new Date();

return today.getMinutes(); }; /*获取系统的当前的秒数*/ function GetSecond() { var today = new Date(); return today.getSeconds(); };

/************************************************************ *函数名:TimeSubMillisecond *参数:endtime *功能:获取两个时间的毫秒级的差值,必须写一个参数 第二个参数可以 *不写默认是系统当前时间 ************************************************************/ function TimeSubMillisecond { var end = new Date; if { return -1; } if { start = new Date; } else { start = new Date; } if { return -1; } else { return end - start; } }; /************************************************************ *函数名:TimeSubNormal *参数:endtime *功能:获取两个时间的差值,必须写一个参数 第二个参数可以 *不写默认是系统当前时间 ************************************************************/

function TimeSubNormal { var end = new Date; var start; if { start = new Date; } else { start = new Date; } if { return -1; } else { var alltime = end - start; var seconds = alltime / 1000; var minutes = Math.floor; var hours = Math.floor; var days = Math.floor; var CDay = days; var CHour = hours % 24; var CMinute = minutes % 60; var CSecond = Math.floor; var str = ""; if { str += CDay + "天"; } if { str += CHour + "小时"; } if { str += CMinute + "分钟"; } if { str += CSecond + "秒"; } return str; } };

exports.GetTime = GetTime; exports.GetYear = GetYear; exports.GetMonth = GetMonth; exports.GetDay = GetDay;

exports.GetHours = GetHours; exports.GetMinute = GetMinute; exports.GetSecond = GetSecond; exports.TimeSubMillisecond = TimeSubMillisecond; exports.TimeSubNormal = TimeSubNormal;

})

调用方法:复制代码 代码如下:define(function (require, exports, module) { var $ = require; var a=require;

alert;三、把jquery 插件的封装成seajs模块下面是把jquery的一个插件封装成模块的例子复制代码 代码如下:define(function (require, exports, moudles) { return function { { //给当前行高亮 $.fn.wyhhover = function {//options 经常用这个表示有许多个参数。 var defaultVal = { BackColor: '#ccc', }; var obj = $.extend; return this.each { var tabObject = $; //获取当前对象 var oldBgColor = tabObject.css; //获取当前对象的背景色 tabObject.hover(//定义一个hover方法。 function (){tabObject.css("background-color", obj.BackColor);}, function () {tabObject.css("background-color", oldBgColor);}); }); } //使奇偶行不同的颜色 $.fn.wyhinterlaced = function {//options 经常用这个表示有许多个参数。 var defaultVal = { odd: '#DDEDFB', even: '#fff', };

var obj = $.extend;

return this.each { var tabObject = $; //获取当前对象 if%2==0) { tabObject.css("background-color", obj.odd); }else { tabObject.css("background-color", obj.even); } }); } })

调用方法:使用共享的方式调用插件复制代码 代码如下:define(function (require, exports, module) { var $ = require; require;//共享给jquery

$.ready.wyhinterlaced({ "odd": "red", "even": "blue" }); $});

上一篇:jquery禁止使用右键单击功效屏蔽F5刷新_jquery_脚本之家 下一篇:jquery获取页面元素位置实例