自定义jquery插件
2024-10-06 03:29:34
参考:http://blog.csdn.net/bao19901210/article/details/21540137/
自己看代码理解:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="jquery-1.11.2.min.js"></script>
<script type="text/javascript">
(function($) {
$.fn.smartTraffic = function(options) {
var defualt = {
background:'red',
test : function() {
this.second();
//alert("action test function");
},
second : function() {
//alert("action second function");
tryMyself();
}
}; function tryMyself() {
alert("tryMyself");
}
var opt = $.extend(defualt, options||{});
$(this).css({
backgroundColor: opt.background
});
opt.test();
}; })(jQuery);
$(function() {
$('#test').smartTraffic({background: 'yellow'});
});
</script>
</head>
<body>
<div id="test" style="width: 100px; height: 100px; border:1px blue solid;"></div>
</body>
</html>
默认效果:
修改效果:
最新文章
- 【BZOJ-3651&;3081】网络通信&;StrangeRegulations Link-Cut-Tree
- POJ-2777Count Color 线段树+位移
- 能在CAD2004以下版本里面打开2007以上版本文件的外挂
- Google Guava学习笔记——基础工具类Splitter的使用
- Android_PendingIntent的使用
- Java对象相关元素的初始化过程
- Gwt ListBox选中自动触发事件
- Latex加速: TexStudio的安装和使用
- Oracle-2 - :超级适合初学者的入门级笔记--定义更改约束,视图,序列,索引,同义词
- 一起学习Hibernate: Hibernate01 —— Hibernate的概述与入门案例
- springboot中logback打印日志
- Linux超级守护进程&mdash;&mdash;xinetd
- Node.js API 学习笔记
- IdentityServer4 中文文档 -14- (快速入门)使用 ASP.NET Core Identity
- SS+FinalSpeed终极教程[转]
- EF扩展 更新指定字段
- #12【BZOJ3003】LED BFS+状压DP
- codeforces-1111
- 用maven和spring搭建ActiveMQ环境
- Xcode8的调试技能Memory Graph 实战解决闭包引用循环问题