您的位置：首页 > Web前端 > JQuery

基于jquery实现的文字淡入淡出效果

2013-11-15 07:11 573 查看

这篇文章介绍了jquery实现的文字淡入淡出效果实例，有需要的朋友可以参考一下

复制代码代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档- www.jbxue.com</title>

<script type="text/javascript" language="javascript" src="../../jquery-1.7.1.min.js">

</script>

<script language="javascript">

$(document).ready(function(){

$("#btn1").toggle(function(){

$("p").fadeOut("slow");

},function(){

$("p").fadeIn("slow");

});

$("#btn2").toggle(function(){

$("p").fadeTo("slow",0.66);

},function(){

$("p").fadeTo("slow",0.66);

});

});

</script>

</head>

<body>

<p style="background:#3F3">this is pi<br>

this is pi<br>

this is pi<br>

this is pi<br>

this is pi<br>

this is pi<br>

</p>

<input type="button" value="淡入/淡出" id="btn1">

</body>

<input type="button" value="淡入/淡出效果透明度0.66" id="btn2">

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航