新手求教百度这个效果怎么做 百度视屏首页,那个点击左右按钮,轮换图片效果 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 http://workshop.rs/demo/gallery-in-4-lines/ <!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" /><link href="http://localhost:8080/uniWebapp1/admin/css/style.css" rel="stylesheet" type="text/css" /><title>我的APP</title><!-- 引入jQuery --><script src="http://localhost:8080/uniWebapp1/admin/js/jquery-1.4.4.min.js"></script><script src="http://localhost:8080/uniWebapp1/admin/js/slides.min.jquery.js"></script><script src="http://localhost:8080/uniWebapp1/admin/js/validate.js"></script><link rel="stylesheet" href="http://localhost:8080/uniWebapp1/admin/colorbox/colorbox.css" /><script src="http://localhost:8080/uniWebapp1/admin/colorbox/jquery.colorbox.min.js"></script><script type="text/javascript" > //<![CDATA[ $(function(){ var $div_li =$("div.tab_menu ul li"); $div_li.click(function(){ $(this).addClass("selected") //当前<li>元素高亮 .siblings().removeClass("selected"); //去掉其它同辈<li>元素的高亮 var index = $div_li.index(this); // 获取当前点击的<li>元素 在 全部li元素中的索引。 $("div.tab_box > div") //选取子节点。不选取子节点的话,会引起错误。如果里面还有div .eq(index).show() //显示 <li>元素对应的<div>元素 .siblings().hide(); //隐藏其它几个同辈的<div>元素 }).hover(function(){ $(this).addClass("hover"); },function(){ $(this).removeClass("hover"); }) })</script></head><body><!-- top --><!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" /><link href="http://localhost:8080/uniWebapp1//admin/css/style.css" rel="stylesheet" type="text/css" /></head><!-- top end --><!-- box --><div id="box"> <div id="main_container"> <div id="main_content"> <div id="top_menu"> <div class="tab_menu"> <ul> <li class="selected">我的APP</li> <li>我的账户</li> </ul> </div> <div class="clear"></div> </div> <div class="tab_box"> <div> 显示div1 </div> <div class="hide"> 显示div2 </div> </div> </div> <div class="copyright"> 1 </div> </div></div><!-- box end --></body></html>关键是 <script type="text/javascript" > //<![CDATA[ $(function(){ var $div_li =$("div.tab_menu ul li"); $div_li.click(function(){ $(this).addClass("selected") //当前<li>元素高亮 .siblings().removeClass("selected"); //去掉其它同辈<li>元素的高亮 var index = $div_li.index(this); // 获取当前点击的<li>元素 在 全部li元素中的索引。 $("div.tab_box > div") //选取子节点。不选取子节点的话,会引起错误。如果里面还有div .eq(index).show() //显示 <li>元素对应的<div>元素 .siblings().hide(); //隐藏其它几个同辈的<div>元素 }).hover(function(){ $(this).addClass("hover"); },function(){ $(this).removeClass("hover"); }) })</script>这里 ! 当点击li是 下面对应的div就会显示或影藏! http://www.iiwnet.com/js_texiao/784.html 【extjs3.0】关闭当前tab页的问题。 js关闭页面时弹出信息的问题,在线等 一组图片导航中图片的切换效果? JavaScript 特定字符替换 有没有哪位大虾知道BT下载完成后是一个什么事件啊? checkbox 全选的问题 求一正则表达式,把一段html中的 非img 和 非链接的的html信息去掉,留下中间的文字内容! 如何判断ie中是否已经安装简体字库 如何限制只能输入半角的,不能输入全角的字母与数字呀 看看ie的漏洞. js写的chrome插件如何与本地其他程序通信? window.open
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="http://localhost:8080/uniWebapp1/admin/css/style.css" rel="stylesheet" type="text/css" />
<title>我的APP</title>
<!-- 引入jQuery -->
<script src="http://localhost:8080/uniWebapp1/admin/js/jquery-1.4.4.min.js"></script>
<script src="http://localhost:8080/uniWebapp1/admin/js/slides.min.jquery.js"></script>
<script src="http://localhost:8080/uniWebapp1/admin/js/validate.js"></script>
<link rel="stylesheet" href="http://localhost:8080/uniWebapp1/admin/colorbox/colorbox.css" />
<script src="http://localhost:8080/uniWebapp1/admin/colorbox/jquery.colorbox.min.js"></script>
<script type="text/javascript" >
//<![CDATA[
$(function(){
var $div_li =$("div.tab_menu ul li");
$div_li.click(function(){
$(this).addClass("selected") //当前<li>元素高亮
.siblings().removeClass("selected"); //去掉其它同辈<li>元素的高亮
var index = $div_li.index(this); // 获取当前点击的<li>元素 在 全部li元素中的索引。
$("div.tab_box > div") //选取子节点。不选取子节点的话,会引起错误。如果里面还有div
.eq(index).show() //显示 <li>元素对应的<div>元素
.siblings().hide(); //隐藏其它几个同辈的<div>元素
}).hover(function(){
$(this).addClass("hover");
},function(){
$(this).removeClass("hover");
})
})
</script>
</head>
<body>
<!-- top -->
<!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" />
<link href="http://localhost:8080/uniWebapp1//admin/css/style.css" rel="stylesheet" type="text/css" />
</head>
<!-- top end -->
<!-- box -->
<div id="box">
<div id="main_container">
<div id="main_content">
<div id="top_menu">
<div class="tab_menu">
<ul>
<li class="selected">我的APP</li>
<li>我的账户</li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="tab_box">
<div>
显示div1
</div>
<div class="hide">
显示div2
</div>
</div>
</div>
<div class="copyright"> 1 </div>
</div>
</div>
<!-- box end -->
</body>
</html>
关键是
<script type="text/javascript" >
//<![CDATA[
$(function(){
var $div_li =$("div.tab_menu ul li");
$div_li.click(function(){
$(this).addClass("selected") //当前<li>元素高亮
.siblings().removeClass("selected"); //去掉其它同辈<li>元素的高亮
var index = $div_li.index(this); // 获取当前点击的<li>元素 在 全部li元素中的索引。
$("div.tab_box > div") //选取子节点。不选取子节点的话,会引起错误。如果里面还有div
.eq(index).show() //显示 <li>元素对应的<div>元素
.siblings().hide(); //隐藏其它几个同辈的<div>元素
}).hover(function(){
$(this).addClass("hover");
},function(){
$(this).removeClass("hover");
})
})
</script>
这里 ! 当点击li是 下面对应的div就会显示或影藏!