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

显示和隐藏文字的js特效

时间:2015-04-17 19:50:47      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:

<!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>
<title>显示和隐藏文字的js特效</title>
</head>
<body>
<SCRIPT type=text/javascript>
function show_hiddendiv(){
document.getElementById("hidden_div").style.display=‘block‘;
document.getElementById("_strHref").href=‘javascript:hidden_showdiv();‘;
document.getElementById("_strSpan").innerHTML="隐藏部分";
}
function hidden_showdiv(){
document.getElementById("hidden_div").style.display=‘none‘;
document.getElementById("_strHref").href=‘javascript:show_hiddendiv();‘;
document.getElementById("_strSpan").innerHTML="显示全部";
}
</SCRIPT>
巴黎导游网(www.balidaoyou.cn)由法兰西留学生互助协会主办,为到巴黎的游客提供接机、导游服务。<SPAN style="DISPLAY: none" id=hidden_div>协会为您推荐经验丰富、精通法语的留学生作为导游,让您享受一个愉快有保障的巴黎之旅。</SPAN>...(<A
id=_strHref href="javascript:show_hiddendiv();"><SPAN
id=_strSpan>显示全部</SPAN></SPAN></A>)
</body>
</html>

显示和隐藏文字的js特效

标签:

原文地址:http://www.cnblogs.com/zhaoguangxing/p/4435469.html

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