打印

我也发一个选项卡 2007/09/03更新

使用方法见
#61

最新更新:

2007/09/03 应网友要求,JMenuTab加入onmouseover支持。
本来不打算在把更新发到论坛里的,但是今天见有同志仍在顶这个,就在发一次吧。
请见:http://xling.blueidea.com/archives/2007/5476.shtml
下载:
======================================

2007/08/21
修正在FF,Opera,Safari下的表现不一致的若干问


======================================

程序名:JMenuTab(所谓的滑动门)
作者:xling
Blog:http://xling.blueidea.com
日期:2007/05/23

2007/05/25
把24日加入的自定义事件:onTabChange完善了一下,加入两个参数。
onTabChange(oldTab,self.activedTab);
oldTab:上次点击的那个tab
newTab:本次点击的tab
tab有三个属性:
index:
label:
tabPage:那addTab方法中的第二个参数。

加入方法:setSkin(pSkinName)
pSkinName是CSS文件中的。
示例:
#JMenuTabBlue {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 12px;
       padding: 2px;
       border-right-width: 1px;
       border-bottom-width: 1px;
       border-left-width: 1px;
}
#JMenuTabBlue .oInnerline {
       background-color: #FFFFFF;
}
...
...
要想使用这个skin,要先引用这个css文件,然后:
setSkin("JMenuTabBlue");
具体见示例文件:Demo2.htm


2007/05/28
加入功能:设定最小高度
setFixHeight = function(pHeight,pAutoExpend,pXScroll,pYScroll)
第一个参数为数值。其余参数为boolean值,可不写(解析为false)。
如果pAutoExpend值为true,就是自动扩展,即内容高度大于设定的高度,自动扩展高度。
pXScroll:如果超出,是否显示横向滚动条。
pYScroll:垂直滚动条,同上。


2007/08/21
修正在FF,Opera,Safari下的表现不一致的若干问题。
===================================================*/

[ 本帖最后由 xling 于 2007-9-12 09:00 编辑 ]
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • mozart0 威望 +3 原创内容 2007-5-23 20:08
Good!
看起来这个比较爽

TOP

认证您的手机,获得手机认证图标, 更多手机认证的好处
不错!!
谢谢 支持~!!!!

TOP

美工很不错

TOP

现在也正在学习CSS,正好研究研究,谢谢~~~~
netrun.cn

TOP

楼主.真是强人啊.

TOP

真的很不错,要是中文和英文混排上的字符位置对的再齐点就好了

TOP

据我所知,最初滑动门是指用两个图片制作自适应宽度标签的背景的css技巧
居处恭 执事敬 与人忠

TOP

呵呵,不错!谢谢LZ的分享!支持下!^_^

TOP

呵呵
好荣幸啊
偶在FW区发的loading图标被用了
http://bbs.blueidea.com/thread-2739532-1-1.html

[ 本帖最后由 colinivy 于 2007-5-23 22:21 编辑 ]
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
宽己之心宽人,责人之心责己-----天地宽矣!

TOP

相当棒,感谢LZ分享

TOP

踩一脚,做个标记,哈哈
国外空间 shop33542163.taobao.com

TOP

是好东西啊,只是扣了我2分。心疼...
www.5study.net www.websdeveloper.cn

TOP

是很好啊~~~~~``
学习了

TOP

太好了,我正想用这样。谢谢!
微风

TOP

很棒哦
学习,学习。 也谢谢楼主!
我的经典收藏:  http://hi.baidu.com/keysarjan

TOP

有重大更新,
请见楼顶的附件中说明为:2007/05/25更新 的附件!

TOP

好东西,研究一下!多谢!
甲乙丙丁

TOP

楼猪超强
我命由我不由天~
80社区

TOP

楼主,能解释一下你是怎么写的,看的感觉有些奇怪
复制内容到剪贴板
代码:
    <td>var menuTab = new JMenuTab(null,null,&quot;menuBar&quot;);<br />
menuTab.create();<br />
menuTab.addTab(&quot;首页&quot;);<br />
menuTab.addTab(&quot;组织架构&quot;,&quot;page1&quot;);<br />
menuTab.addTab(&quot;员工信息&quot;,&quot;page2&quot;);<br />
menuTab.addTab(&quot;业务知识&quot;,&quot;page3&quot;);
<br />
menuTab.addTab(&quot;Help&quot;,&quot;pageHelp&quot;);<br />
menuTab.setActiveTab(2);</td>
你想写成控件?可以说说你的想法吗?
谢谢了,只是想交流一下
风了

TOP

YES,you are right!
它就是被封成一个控件了!
在网页上,你只需要写简单的几句代码就行了,不用去CSS那些繁杂的东东!

TOP

如何使容器在适应内容高度同时具有最小高度 修改CSS文件的哪个属性?


----------------

知道了,       通过修改       oPageArea.height = 10;达到目的

但问题又来了,修改后内容是垂直居中的 能修改成顶对齐吗?

又自己解决了

.oPageOutline .oPageArea {
       background-image: url(bottomMid.png);
       background-repeat: repeat-x;
       padding:10px 10px 5px 10px;
       vertical-align: top;//j加上这句

[ 本帖最后由 heck 于 2007-5-25 19:13 编辑 ]

TOP

收下了
谢谢

另外我想问一下是否支持从其他页面调用?

TOP

good, I like it. Thank you.
nukh.cpcn.com

TOP

有更新,见楼顶!

TOP

好,支持
…………

TOP

收下了

谢谢。。

TOP

mark
超级帅

TOP