jquery实现单机表题则显示链接内容

原创 2012年03月23日 15:38:14
//网页中难免会遇到有很长一段内容,这时我们可以将其隐藏当点击时在显示出来
<!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>连接显示页面</title>
<style type="text/css">
.content{
	
	display:none;
	}

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

<script type="text/javascript" language="javascript">
$(document).ready(function(){
	   $("h5").live("click",function(){
		if($(this).next("div.content").is(":visible")){
			
			$(this).next("div.content").hide();
			}else{
				$(this).next("div.content").show();
				}
		});
	
	});

</script>
</head>

<body>
<div id="panel">
<h5 class="header" style="width:160px; height:20px; background:#9C0; border:1px #03C solid">什么事jquery?</h5>
<div class="content" style="width:160px; height:60px; border:1px #CCC solid; background:#CCC; margin-top:-19px">
jQuery是继Prototype之后又一个优秀的javascript的库
</div>
</div>
</body>
</html>



                    

点击一个链接可以在指定的div块中显示(使用jquery实现)

没有学过jquery,第一次知道实现这个功能   点击一个连接可以指定到一个div块里显示连接的内容   以前只知道这个效果使用框架ifram实现,现在有懂了另一个方式实现(有点小激动了,虽然这个对于...

jQuery实现动态向表中添加行和使用超链接删除行以及行之间颜色交替

jQuery实现动态向表中添加行和使用超链接删除行以及行之间颜色交替
  • lqwlb
  • lqwlb
  • 2014年12月09日 10:31
  • 357

jquery实现鼠标向下滚动右侧才出现返回顶部链接

右侧的浮动层如上图所示,但是我们现在想实现这种效果:页面刚打开的时候不显示top返回顶部的链接,鼠标向下滚动的时候才出现,当点击top按钮后或者鼠标滚动到最上方时,top消失。大体html代码: ...

GridView asp:HyperLinkField DataNavigateUrlFields 弹窗提示窗口 HyperLinkField 链接传值提示 jQuery实现 非javascript

GridView asp:HyperLinkField DataNavigateUrlFields  弹窗提示窗口的实现方法   jQuery脚本弹窗 前端技术 实现 GridView控件内 操作...

jQuery实现超链接提示和图片提示效果

利用jQuery对DOM操作的几个方法就完成了很友好的动态提示效果。 jQueryDOM操作练习 #tooltip{ posi...

jquery实现页面内链接锚点跳转平滑滚动效果

jquery实现锚点跳转平滑滚动效果 $(document).ready(function() { $('a[href*=#]').click(function() { i...

Jquery实现点击切换图片并隐藏显示内容

我们的电脑屏幕大小是固定的,那么如何在有限的空间放更多的内容呢? 我们应该给用户足够的选择权,当他们想要看某些内容的时候可以很快的看到,不想看的时候就把他隐藏。于是就有了题目说的这个问题。 其实这个问...

jQuery实现点击显示和隐藏内容

先上效果图点击前 点击后展开 html代码 遇到问题?...

用jquery实现隐藏列表表单的显示关闭切换以及Ajax方式修改提交对应的那一行的修改内容。

用jquery实现列表隐藏表单的显示关闭切换以及Ajax方式修改提交对应那一行的内容。先给大家看看图片效果,大家不要直接复制代码,这样是运行不了的,因为你们数据库和我的不一样,但是你们可以自己读读这个...

用JQUERY实现内容的显示控制实例

内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery实现单机表题则显示链接内容
举报原因:
原因补充:

(最多只允许输入30个字)