控制文字内容的显示与隐藏示例_javascript技巧

复制代码 代码如下:

<a href="javascript:void(0);" id="open" onclick="document.getElementById('content').style='display:block';
document.getElementById('open').style='display:none';
document.getElementById('hidden').style='display:block;'" style="display:block">展开</a>
<a href="javascript:void(0);" id="hidden" type="hidden" onclick="document.getElementById('content').style='display:none';
document.getElementById('hidden').style='display:none';
document.getElementById('open').style='display:block';" style="display:none">关闭</a>
<div id="content" class="a" style="display:none">
<p>提供最新的网络编程、脚本编程、网页制作、网页设计、网页特效，为站长与网络编程从业者提供学习资料</p>
</div>

时间： 2024-11-01 20:34:49

控制文字内容的显示与隐藏示例_javascript技巧的相关文章

jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例_javascript技巧

-1.右侧弹出导航菜单完整代码 复制代码 代码如下: <!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> <met

一个简单的全屏图片上下打开显示网页效果示例_javascript技巧

上源码看效果: <!DOCTYPE html> <html> <head> <title></title> <style> body { margin: 0; padding: 0; } .wrap { overflow: hidden; position: fixed; z-index: 99999; width: 100%; top: 0; left: 0; } .div { overflow: hidden; position:

dropdownlist之间的互相联动实现（显示与隐藏）_javascript技巧

复制代码 代码如下: <script language="javascript" type ="text/javascript" > var Arrchange1 =new Array (); var Arrchange2 =new Array (); var Arrchange3 =new Array (); function hide(s_id,index) { var xxx = document .getElementById (s_id); v

jquery-通过hover控制表格td内容的显示和隐藏

问题描述 通过hover控制表格td内容的显示和隐藏 这儿我建立了5个父div,id分别是box0 box1 box2 box3 box4 和5个子div , id分别是personalInfo0 personalInfo1 personalInfo2 personalInfo3 personalInfo4 当我的鼠标移动到box0的时候,我想显示personalInfo0,但不想显示其他的personalInfo.以此类推,当鼠标移动到boxn的时候,就显示personalInfon. 请问该

js加载读取内容及显示与隐藏div示例

 这篇文章主要介绍了js加载读取内容及显示与隐藏div的方法,需要的朋友可以参考下  代码如下: <head>  <script>  function check(){    var num = document.getElementById("choose").value;  alert(num);  if(num=="4"){  document.getElementById("show").style.display

JS控制HTML元素的显示和隐藏的两种方法_javascript技巧

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

CSS控制文字溢出时的自动隐藏方法

 代码如下 复制代码 <!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=&qu

jQuery实现控制文字内容溢出用省略号(…)表示的方法_jquery

本文实例讲述了jQuery实现控制文字内容溢出用省略号(-)表示的方法.分享给大家供大家参考,具体如下: jQuery限制字符字数的方法 $(function(){ //限制字符个数 $(".text").each(function(){ var maxwidth=23; if($(this).text().length>maxwidth){ $(this).text($(this).text().substring(0,maxwidth)); $(this).html($(th

界面-在CS文件里控制html控件显示和隐藏

问题描述 在CS文件里控制html控件显示和隐藏 现在想在后台通过权限控制左侧树的结点的显示和隐藏 就像这个:http://usman.it/themes/charisma/ 用的是ASP.NET ,想在CS里从数据库读出权限数据再控制每个界面是否可以进入 解决方案 客户端控件添加runat="server"变为服务器端的就可以在cs文件中进行操作了