显示和隐藏文字的js特效

<!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>

时间: 2024-10-21 23:02:44

显示和隐藏文字的js特效的相关文章

页面滚动显示或隐藏元素Headroom.js插件帮助你实现滚动效果

Headroom.js 是什么? Headroom.js 是一个轻量级.高性能的JS小工具(不依赖任何工具库!),它能在页面滚动时做出响应.此页面顶部的导航条就是一个鲜活的案例,当页面向下滚动时,导航条消失,当页面向上滚动时,导航条就出现了. Headroom.js 有什么用? 固定页头(导航条)可以方便用户在各个页面之间切换.但是这也会带来些问题…本文原创博客地址:http://www.cnblogs.com/unofficial官网地址:www.pushself.com) 大屏幕一般都是宽度

指定元素始终显示在页面顶端的js特效

实现如图效果,页面下滑时,搜索框一直显示在页面顶端. 引入jquery之后: $(function () { var ie6 = document.all; var dv = $('#gdsearch'), st; dv.attr('otop', dv.offset().top); //存储原来的距离顶部的距离 $(window).scroll(function () { st = Math.max(document.body.scrollTop || document.documentElem

jquery之超简单的div显示和隐藏特效demo

闲着无聊,看到某视频网站上讲的DIV显示和隐藏的效果,自己也写了一个. 觉得还是挺简单的. 前端改变世界!嘿嘿,还挺有成就感 <!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/

[Ext JS 4] 实战之Load Mask(加载遮罩)的显示与隐藏

前言 Load Mask(遮罩)效果,就是在页面还没有完全显示出来之前, 加上一个转装转的效果. 类似: 添加这样的效果有两个好处: 1. 在页面没完全show出来之前, 把后面的页面给遮罩起来, 防止进行一些非法的操作. 2. 如果页面show出来的时间比较长的话, 可以暂时吸引用户的注意力(也就是提高 User Experience). 在Extjs 中, Ext js 的使用方式有多种. 你有可能会发现为什么有的状况下load mask 不出现?  且听下面一一道来... JsonStor

84天JavaScript js特效学习 隐藏

背景:点击web页面上的隐藏按钮则关联图片隐藏,按钮变为显示,当点击显示时关联图片显示 思路:本质是,获取按钮来控制图片显示情况 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>隐藏</title> </head> <body> <button id="btn">隐藏</button

JS实现信息的显示和隐藏

JS实现信息的显示和隐藏 我们在写注册页面的时候,必填信息是可见的,可选信息是隐藏的,如果用户希望填写,可以单击“详细信息”. 代码如下:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascript">    function

JS控制HTML元素的显示和隐藏

利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位. 方法一: document.getElementById("EleId").style.visibility="hidden"; document.getElementById("EleId").style.visibility="visible"; 利用上述方法实现隐藏后,页面

js控制tr显示和隐藏

很久没有写代码,最近新接了一个项目,开始记录自己开发过程中遇到的一些问题. 关于js控制tr的显示与隐藏 最开始写法是: <tr id="att" style="display:none;"> <td style="text-align:right;">附件文件:</td> <td> <div id="div_fujian"> <div class="

js控制密码的显示与隐藏实例

原理是建立2个input,一个type是text,一个type是password.在点击按钮时,这两input个的显示状态与val()的值在切换. html: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>案例测试</title> 6 <link rel="stylesheet" href=&