***************图书推荐*************************************************************************************
|
|
|
|
|
|
*********************************************************************************************************************
说明:这是本人在美工的配合下效仿126邮箱界面做的一公用界面,基本上适合很多信息管理系统的界面要求。本人的CSS和JAVASCIRPT的功底有限,开发的东西难免会有些BUG或者很肤浅的地方,希望和朋友们一起探讨解决其中的一些问题。也非常希望高手们优化我的JS。
效果一
效果二
效果三
效果四
功能介绍:
1、可以换皮肤,其中主框架、具体页面可以统一使用皮肤。
2、tab页标题有右键菜单,新开、全屏打开,刷新。双击标题也可以刷新。
3、可以收放菜单栏。
4、在vs2005下开发完成,实际上只是JS+HTML+CSS 所以很方便的移植到ASP PHP JSP 上去。
5、做web的还是希望把这些界面功能写在客户端,有时候还真有点讨厌.Net的postback.
6、在firlfox上运行有点小问题。暂时只支持IE。
使用方法:
基本上主框架页面不需要作任何的变动了,直接就可以用,就不讲了。
在这里主要讲一下使用tabControl:
tabControl新开一个页面实际上是通过JS在主显示区域建立一个iframe 把这个iframe的src 指向我们指定的页面。
1、 调用方法
var myTab = new HTabControl(_skinId,true); //_skinId 是tab的皮肤编号,现在有4套,第二个参数是指页头是否显示关闭按纽。
document.write(myTab.init()); //初试化
top.myTab.Cts('标题','url',false); //以只聚焦不刷新的方式打开。
top.myTab.Cts('标题','url',true); //以聚焦并且刷新该页的方式打开。
之所以有两种不同的方式打开,是考虑打开页面以后,第二次再打开页的时候有两种需求。
a、刷新目标页 b、不刷新目标页
2、在其他页面使用tab控件的方法可以点左边菜单的链接。
讨厌的BUG:
这个BUG一直都困饶了我好长时间,并且实在不知道怎么解决,甚至连问题出在哪里都不知道。
BUG描述:在频繁的打开关闭的时候tab页后,有时候会出现界面里的textbox控件鼠标点击无法聚焦的问题。整体刷新框架就可以聚焦了。奇怪!
这里下载代码:很希望高手能优化一下我的代码,供大家一起来学习。
/Files/hujunhua/TabDemo.rar