dreamweaver中如何设置鼠标点击显示文字?
1个回答
展开全部
<!doctype html>
<html>
<head>
<meta charset="gb18030">
<title>Untitled Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>
<body>
<a href="javascript:void(0)" id="clickme">clickme</a>
<div id="test" style="display:none; border:1px solid #ccc; padding:100px;">文字切换</div>
<script type="text/javascript">
$(function(){
$("#clickme").click(function(){
$("#test").toggle(200);
})
})
</script>
</body>
</html>
复制以上内容到记事本 保存后重命名为 test.html
<html>
<head>
<meta charset="gb18030">
<title>Untitled Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>
<body>
<a href="javascript:void(0)" id="clickme">clickme</a>
<div id="test" style="display:none; border:1px solid #ccc; padding:100px;">文字切换</div>
<script type="text/javascript">
$(function(){
$("#clickme").click(function(){
$("#test").toggle(200);
})
})
</script>
</body>
</html>
复制以上内容到记事本 保存后重命名为 test.html
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询