核心课程
开班动态
专题服务
 |
您当前所在位置：首页 > 中心动态 | >> |
| jquery特效：显示、隐藏文字【常州软件培训】 |
 |
点击按钮显示、隐藏文字（文字颜色5个轮换）：val()、回调函数
<p>
床前明月光
</p>
<p>
疑似地上霜
</p>
<p>
举头望明月
</p>
<p>
低头思故乡
</p>
<input type="button" value="隐藏">
<script type="text/javascript">
$(document).ready(function(){
//定义颜色数组
var c = new Array("red","green","blue","gray","yellow");
var i = 0;
$(":button").click(function(){
//获取按钮上的文字
var v = $(this).val();
if(v == "隐藏"){
//回调函数：当当前事件结束后才调用的函数
$("p").hide("slow",function(){
$(":button").val("显示");
});
}else if(v == "显示"){
//防止越界
if(i >= c.length){
i = 0;
}
$("p").css("color",c[i]);
i++;
$("p").show("slow",function(){
$(":button").val("隐藏");
});
}
});
});
</script>
精彩文章推荐
 | 面向对象编程的基本概念【常州电脑培训】 | [2013-7-16] |
| 常州淘宝培训班——如何给淘宝商品定价？ | [2012-9-9] |
| JSP中的隐含变量详解 | [2012-7-23] |
| 常州电脑培训——编程改错题 | [2012-7-5] |
| 朱元璋简历制作案例——常州电脑培训 | [2012-6-28] |
| 如何成为优秀的软件开发工程师—东方博宜软件开发 | [2012-6-27] |
| 经典创意广告——常州电脑培训案例 | [2012-6-20] |
| 关于域名的选择问题,包括域名长度、取名技巧、后缀含义等 | [2012-3-13] |
