码迷,mamicode.com
首页 > Web开发 > 详细

带额外toggle()功能的jquery库

时间:2016-05-17 16:04:44      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript" src="jquery.js"></script> <!-- 此处的jquery必须是带有toggle额外功能的库 (百度云里有这个库)-->

</head>
<body>
<button>请点击这里,来切换不同的背景颜色</button>
<p>给这段文字切换不同的背景颜色</p>
<script type="text/javascript">

$(function(){
$("button").toggle(
function(){$("p").css("color","red")},

function(){$("p").css("color","green")},

function(){$("p").css("color","yellow")}//此处不能加逗号
);
});
</script>
</body>
</html>

带额外toggle()功能的jquery库

标签:

原文地址:http://www.cnblogs.com/chenquan/p/5501891.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!