jquery toggle 的切换显示 可用 a超链接的切换
2015-01-21 10:29
363 查看
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").toggle(function(){
$("body").css("background-color","green");},
function(){
$("body").css("background-color","red");},
function(){
$("body").css("background-color","yellow");}
);
});
</script>
</head>
<body>
<button>请点击这里,来切换不同的背景颜色</button>
</body>
</html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").toggle(function(){
$("body").css("background-color","green");},
function(){
$("body").css("background-color","red");},
function(){
$("body").css("background-color","yellow");}
);
});
</script>
</head>
<body>
<button>请点击这里,来切换不同的背景颜色</button>
</body>
</html>
相关文章推荐
- jquery中toggle()方法的使用(隐藏与显示的切换)
- JQuery的toggle函数(元素隐藏和显示的切换)
- 实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
- JQuery之toggle [click触发DIV的显示与隐藏]
- jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
- jquery 点击函数切换 toggle()
- JQuery切换显示的效果实例代码
- JQuery入门――事件切换之toggle()方法应用介绍
- jquery点击后显示隐藏切换
- 用jQuery实现一些导航条切换,显示隐藏
- jquery实用代码 - 多标签切换显示内容效果
- $().hover();和$().toggle();中的jquery事件切换
- jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
- JQuery 淡出、 动画、显示/隐藏切换等效果
- jQuery(3完结)案例研究-某网站超链接和图片显示效果
- jquery 点击函数切换 toggle()
- jQuery 效果 - slideToggle() 方法 (在隐藏和显示之间切换)
- jQuery 显示,隐藏,切换
- jquery的toggle实现文字隐藏与显示
- JQuery入门——事件切换之toggle()方法