简单的新闻栏切换窗(JQuery)
来源:互联网 发布:linux ifup eth0 编辑:程序博客网 时间:2024/05/18 22:11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style>
#tabs{zoom:1;clear:both;padding:.5em 1em;padding-bottom:0;margin:0;background:black;color:#aaaaaa;}
#tabs after{content:'.';visibility:hidden;display:block;clear:both;height:0;}
#tabs li{float:left;}
.active{background:white;color:black;font-weight:bold;}
#panes{border:1px solid black;font-weight:bold;}
</style>
</HEAD>
<BODY>
<ul id="tabs">
<li>按钮1</li>
<li>按钮2</li>
<li>按钮3</li>
</ul>
<div id="panes">
<div>窗体1</div>
<div>窗体2</div>
<div>窗体3</div>
</div>
<script language="JavaScript">
$("#panes>div").hide().eq(0).show();
var current=$("#tabs>li").eq(0).addClass("active");
$("#tabs>li").each(function(i){
$(this).click(function(){
$("#panes>div") .hide().eq(i).show();
current.removeClass('active');
current=$(this);
current.addClass('active');
});
});
</script>
</BODY>
</HTML>
- 简单的新闻栏切换窗(JQuery)
- 简单的tab切换(jquery)
- jquery 新闻信息循环切换
- 简单的jQuery图片切换
- 使用jQuery实现简单的tab栏标签切换
- jQuery 新闻展示 图片切换 响应键盘
- jquery随机新闻滚动切换效果
- 使用jQuery实现的简单滚动新闻功能
- jQuery学习:简单的渐入渐出图片切换
- 一个简单的图片切换 jQuery 插件
- jquery实现简单的页签切换
- 使用JQuery实现简单的图片切换
- 简单的JQuery背景图自动切换
- 一个简单的jquery 选项卡切换
- jquery 简单实用的Tab切换
- jquery实现简单的Tab切换菜单
- 简单的jquery tab切换代码
- jquery简单的点击切换效果
- Struts2_1400_DefaultAction 关于Default Action
- Given a function RAND5 that generates random numbers in the range 0 to 5 write a function RAND7?
- Linux关于总线、设备、驱动的注册顺序
- 算法题30 颠倒栈
- 在浏览器显示时钟
- 简单的新闻栏切换窗(JQuery)
- 好事还是坏事-JDK5对泛型的引入
- 网站开发人员应该知道的61件事
- 微妙
- acm,poj中不容易发现的runtime error解决方法
- java socket多线程聊天室
- 修改formview里的 date format
- C++学习——静态对象的初始化问题
- Struts2_1500_ResultType