jhlovett
- 浏览: 611826 次
- 性别:
- 来自: 卡哇伊
-
文章分类
- 全部博客 (299)
- C# (25)
- Java (1)
- WinForm (0)
- Asp.Net (86)
- Jsp (2)
- Php (1)
- Web Service (0)
- Desgin Patterns (19)
- Data Structure & Algorithms (1)
- SQLserver (41)
- Mysql (0)
- Oracle (2)
- Javascript (50)
- Ajax (10)
- Jquery (1)
- Flex (0)
- Regular Expression (5)
- DIV+CSS+XHTML+XML (18)
- Software Test (0)
- Linux (0)
- Utility (17)
- Net Digest (4)
- windows 2003 (10)
- Other (4)
- English (1)
- IT Term (1)
最新评论
-
w497480098h：
学习了 很好谢谢
SQL Server下无限多级别分类查询解决办法(简单查询树形结构数据库表) -
main_fun：
确实不错
iframe自适应高度 -
jveqi：
...
DBA -
mxcie：
其它版本没有确认，今天使用vs2003时，其.sln文件也需要 ...
彻底删除项目的VSS源代码管理信息 -
moneyprosper：
就只有IE支持，火狐和谷歌都不支持此种方法。正在寻找中。。。
从父页面读取和操作iframe中内容方法
<!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>
<script type="text/javascript">
function setThisDisplay(id){
try{
var tabItem=document.getElementById(id);
var btnItem=document.getElementById("btn"+id);
var tabArr=["EmployeeInfo","OrganizationInfo","SysInfo","RoleInfo","PersonnelInfo"];
for(var i=0;i<tabArr.length;i++){
if(tabItem.id!=tabArr[i]){
document.getElementById(tabArr[i]).style.display='none';
}else{
tabItem.style.display='';
}
}
var btnArr=["btnEmployeeInfo","btnOrganizationInfo","btnSysInfo","btnRoleInfo","btnPersonnelInfo"];
for(var i=0;i<btnArr.length;i++){
if(btnItem.id==btnArr[i]){
btnItem.bgColor='white';
}else{
document.getElementById(btnArr[i]).bgColor='';
}
}
}catch(argument){
}
}
</script>
<style type="text/css">
<!--
.tabTitle {
text-align: center;
cursor:hand;
}
-->
</style></head>
<body leftmargin="0" bottommargin="0" rightmargin="0" topmargin="0">
<table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%">
<tr>
<td height="51" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr bgcolor="lightgrey" >
<td height="50"> <font size=3><b>张三
</b></font>
<br />
添加/修改人员信息
</td>
</tr>
</table></td>
</tr>
<tr>
<td height="35" valign="top" bgcolor="F0F0F0">
<br />
<table width="100%" border="0" cellpadding="0" cellspacing="0" height="35">
<tr >
<td width="5%"> </td>
<td id="btnEmployeeInfo" onclick="setThisDisplay('EmployeeInfo')" align="center" nowrap bgcolor="white" class="tabTitle">基本信息</td>
<td id="btnOrganizationInfo" onclick="setThisDisplay('OrganizationInfo')" align="center" nowrap class="tabTitle">组织结构</td>
<td id="btnSysInfo" onclick="setThisDisplay('SysInfo')" align="center" nowrap class="tabTitle">系统设置</td>
<td id="btnRoleInfo" onclick="setThisDisplay('RoleInfo')" align="center" nowrap class="tabTitle">角色和权限</td>
<td id="btnPersonnelInfo" onclick="setThisDisplay('PersonnelInfo')" align="center" nowrap class="tabTitle">人事档案</td>
<td width="40%"> </td>
</tr>
</table></td>
</tr>
<tr bgcolor="F0F0F0">
<td height="370" valign="top">
<!--基本信息-->
<table id="EmployeeInfo" width="95%" height="333" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="white" >
<tr>
<td>基本信息</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<!--组织结构-->
<table id="OrganizationInfo" width="95%" height="333" border="0" align="center" cellpadding="0" cellspacing="0" style="display:none;" bgcolor="white" >
<tr>
<td>组织结构</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<!--系统设置-->
<table id="SysInfo" width="95%" height="333" border="0" align="center" cellpadding="0" cellspacing="0" style="display:none;" bgcolor="white" >
<tr>
<td>系统设置</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<!--角色与权限-->
<table id="RoleInfo" width="95%" style="display:none;" height="333" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="white">
<tr>
<td>角色与权限</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<!--人事档案-->
<table id="PersonnelInfo" width="95%" style="display:none;" height="333" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="white">
<tr>
<td>人事档案</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</td></tr>
<tr bgcolor="F0F0F0" height="135">
<td></td>
</tr>
</table>
</body>
</html>
分享到：
发表评论
-
字体放大效果，字体[大][中][小]
2009-10-20 16:12 1082<!DOCTYPE html PUBLIC " ... -
JS中保留两位小数
2009-10-19 11:22 3220//这里使用字符串的"123.0000" ... -
JS中String,Date,Math常用函数
2009-10-11 18:25 3709String,Date,Math常用函数 ... -
eval，confirm,alert,prompt函数
2009-10-11 12:23 1489eval()函数JavaScript有许多小窍门来使编程更加容 ... -
从零开始学习jQuery(剧场版) 你必须知道的javascript
2009-10-03 11:28 879一.摘要 本文是jQuery系列教程的剧场版, 即和jQue ... -
深入浅出JSON
2009-10-02 20:27 687JSON定义 JSON(JavaScript Objec ... -
数据类型和Json格式
2009-10-02 19:53 9041. 前几天，我才知 ... -
防止网页被嵌入框架的代码
2009-10-02 17:31 912<script type="text/java ... -
学习javascrip闭包 (closure)
2009-10-02 16:53 876闭包（closure）是Javascript语言的一个难点 ... -
花点时间搞清top、postop、scrolltop、scrollHeight、offsetHeight
2009-09-30 18:41 17521. top 此属性仅仅在对象的定位(position ... -
document.write()和document.writeln()的区别
2009-09-18 11:06 8196解决思路： 两者都是JavaScript向客户端输出的方法，对 ... -
几个常用的小函数(检查是否为数字,否为电话号码,num是否是负数,检查是否为日期...)
2009-09-10 17:41 1163//函数名：chkemail//功能介绍：检查是否为Email ... -
为什么二月的天数比其他月少？
2009-09-06 09:10 1491——公元前46年，罗马皇帝恺撒在修改历法时，规定每年为12个月 ... -
iframe自适应高度
2009-09-01 23:40 3270Demo页面：主页面 iframe_a ... -
document.body和document.documentElement的区别
2009-09-01 22:25 2392document.body:是DOM中Document对象里的 ... -
从父页面读取和操作iframe中内容方法
2009-08-27 20:50 3664基本的操作方法： ... -
JsTAB选项卡示例集合(二)
2009-08-15 23:25 1820仿163的一款TAB选项卡，有的人也称它为网页标签。本标签用到 ... -
Js Tab选项卡示例集合
2009-08-15 23:22 7967清新选项卡（一个页面布局两个） 一个横排的清新选项卡， ... -
Js事件列表
2009-08-15 20:41 904js事件列表 onkeypress,onkeyd ... -
Javascript onerror事件及try....catch
2009-07-29 23:25 1104<script type="text/java ...
相关推荐
**基于jQuery的选项卡插件**是Web开发中常见的交互元素，主要用于展示多组内容，通过切换选项卡来实现不同内容的显示与隐藏。在网页设计中，它能有效地组织和展示信息，提高用户体验。本插件是作者在学习过程中实践...
通过这个简单的教程，你应该掌握了使用jQuery创建网页选项卡的基本方法。当然，这只是一个起点，实际应用中还可以根据需求进行更复杂的定制和扩展。例如，可以加入自动轮播、键盘导航或触摸支持等功能，让选项卡更加...
网页制作中的选项卡特效是网页设计中常见的交互元素，它能够有效地组织和展示大量内容，让用户在有限的空间内轻松切换查看。以下是一个简单的选项卡特效代码的解析： 首先，我们看到HTML部分，其中包含了样式（CSS...
在网页设计中，jQuery Tab是一种常见的用户界面元素，它提供了多面板的切换功能，使得页面内容可以被组织成可切换的选项卡，提高用户体验并优化页面布局。jQuery库以其简洁的API和强大的功能，使得实现这样的效果变...
在网页设计中，选项卡是一种常见的布局方式，它允许在一个固定的空间内展示多个页面或内容板块，用户可以通过点击不同的选项卡来切换查看不同内容。雅虎作为互联网巨头，其界面设计往往具有一定的参考价值和实用性，...
在网页设计中，选项卡是一种常见的界面设计模式，它允许用户在有限的空间内切换不同的内容区域，提供了一种高效的导航方式。在这个压缩包中，包含了一个简单的示例项目，由"说明.htm"和"jiaoben17103"两个文件组成。...
现在，我们进入主题，制作一个简单的选项卡插件。选项卡通常用于在一个有限的空间内展示多个部分的内容，用户可以通过点击或悬停在不同的选项上切换显示的内容。以下是一个基本的选项卡布局和样式： ```html ...
6. jQuery+CSS创建顺畅的选项卡内容区：内容选项卡化是一种有效的信息组织方式，特别适合于信息量大的网页。通过HTML构建基础的选项卡信息盒，再结合一些简单的JavaScript和jQuery库功能，可以实现内容的平滑切换和...
- 对于每个选项卡，你需要调用`FragmentTabHost.addTab()`方法，传入以下参数：tab的标识符（通常是唯一的字符串）、tab的标题、以及与该tab关联的`Fragment`。 - 为了关联`Fragment`，你可以使用`...
综上所述，Tabulous.js插件结合了jQuery的强大功能和CSS3的视觉特效，为网页设计师和开发者提供了一种高效、灵活的方式来实现现代选项卡界面，增强了用户的浏览体验。通过深入理解和熟练使用这款插件，开发者能够更...
在网页设计中，选项卡（Tabs）是一种常见的信息组织方式，它可以将大量内容分门别类地展示，减少页面的混乱，提高用户的浏览效率。扁平化设计则是近年来流行的一种设计趋势，它摒弃了过度装饰，追求简洁明了的界面，...
在“jquery兼容ie8的tabs选项卡插件tabslet”中，我们关注的是如何在古老的Internet Explorer 8（IE8）浏览器上实现功能完善的选项卡功能。在IE8时代，浏览器的兼容性问题是一个常见的挑战，因为它的JavaScript引擎...
本教程将深入讲解如何使用jQuery创建一个图片延迟加载插件，特别是针对tab选项卡中的图片进行异步加载。 首先，我们需要理解为什么要进行图片延迟加载。当用户打开一个页面时，如果页面中包含大量图片，这些图片会...
选项卡是一种常见的网页界面设计，允许...此外，上述实现方式只是选项卡功能的其中一种，随着Web技术的不断发展，更多现代化的前端框架和库也为选项卡的实现提供了更多样化的选择，例如使用Vue.js、React或Angular等。
使用jQuery制作网页版选项卡能够使这一过程更加流畅和便捷。本文将详细讲解如何利用jQuery实现这一功能。 首先，我们需要引入jQuery库。在HTML文档的`<head>`部分添加以下代码来引入jQuery： ```html ...
本文通过一个具体的例子，展示了一个简单的选项卡是如何制作的，并提供了一个示例源码的链接。虽然示例内容较为基础，但基本涵盖了从布局设计到功能实现的整个过程，对于初学者来说，有一定的参考价值。通过这种方式...
例如，使用JavaScript原生方式选择元素可能需要编写复杂的代码，而jQuery提供了链式调用和选择器，使得这一过程变得简单。 在这个源码中，滚动选项卡效果可能基于以下技术实现： 1. **选择器**：jQuery提供了一...