openicq
狐狸大王
狐狸大王
  • UID5412
  • 注册日期2005-04-23
  • 最后登录2015-12-15
  • 发帖数353
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
15楼#
发布于:2010-09-13 15:00
alanfly
鼠标移到导航栏之后书签栏才会显示出来,移到标签栏不会显示。
#PersonalToolbar {visibility:collapse !important;} 
#nav-bar:hover~#PersonalToolbar {
visibility:visible !important;
}
回到原帖

试验了新代码 还是有BUG
这回轮到无法选择书签了
windong
火狐狸
火狐狸
  • UID33747
  • 注册日期2010-08-20
  • 最后登录2013-07-25
  • 发帖数129
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
16楼#
发布于:2010-09-13 15:00

试验了新代码 还是有BUG
这回轮到无法选择书签了


用这个
#PersonalToolbar {visibility:collapse !important;}
#navigator-toolbox:hover >#PersonalToolbar {
visibility:visible !important;
}
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-16
  • 发帖数2767
  • 经验578枚
  • 威望1点
  • 贡献值128点
  • 好评度100点
  • 社区居民
  • 最爱沙发
  • 忠实会员
17楼#
发布于:2010-09-13 15:00

试验了新代码 还是有BUG
这回轮到无法选择书签了

抱歉,没仔细测试;
现在可以了。
#PersonalToolbar {visibility:collapse !important;}
#nav-bar:hover~#PersonalToolbar,#PersonalToolbar:hover {
visibility:visible !important;
}
windong
火狐狸
火狐狸
  • UID33747
  • 注册日期2010-08-20
  • 最后登录2013-07-25
  • 发帖数129
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
18楼#
发布于:2010-09-13 15:00
请问只是移动到按钮部位才显示书签栏该怎么写呢? 图中红色框框部分
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-16
  • 发帖数2767
  • 经验578枚
  • 威望1点
  • 贡献值128点
  • 好评度100点
  • 社区居民
  • 最爱沙发
  • 忠实会员
19楼#
发布于:2010-09-13 15:00
windong:请问只是移动到按钮部位才显示书签栏该怎么写呢? 图中红色框框部分回到原帖

只能由同级元素或者上级元素定位,你这个要求css应该实现不了,用js应该可以。
windong
火狐狸
火狐狸
  • UID33747
  • 注册日期2010-08-20
  • 最后登录2013-07-25
  • 发帖数129
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
20楼#
发布于:2010-09-13 15:00
好的,那算了,还是用手势控制好了,不然每次去点标签栏都要晃一下,怪难受的,谢谢~~
openicq
狐狸大王
狐狸大王
  • UID5412
  • 注册日期2005-04-23
  • 最后登录2015-12-15
  • 发帖数353
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
21楼#
发布于:2010-09-13 15:00
alanfly
抱歉,没仔细测试;
现在可以了。
#PersonalToolbar {visibility:collapse !important;}
#nav-bar:hover~#PersonalToolbar,#PersonalToolbar:hover {
visibility:visible !important;
}
回到原帖

OK了 不过貌似偶尔还会失效 原因不明 先凑活用了 感谢
PS: 延迟功能能实现么?
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-16
  • 发帖数2767
  • 经验578枚
  • 威望1点
  • 贡献值128点
  • 好评度100点
  • 社区居民
  • 最爱沙发
  • 忠实会员
22楼#
发布于:2010-09-13 15:00

OK了 不过貌似偶尔还会失效 原因不明 先凑活用了 感谢
PS: 延迟功能能实现么?

据我所知,不能;
功能型的最好用js实现。
openicq
狐狸大王
狐狸大王
  • UID5412
  • 注册日期2005-04-23
  • 最后登录2015-12-15
  • 发帖数353
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
23楼#
发布于:2010-09-13 15:00
alanfly
据我所知,不能;
功能型的最好用js实现。
回到原帖

那只能期待哪个高手写个js脚本了
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-16
  • 发帖数2767
  • 经验578枚
  • 威望1点
  • 贡献值128点
  • 好评度100点
  • 社区居民
  • 最爱沙发
  • 忠实会员
24楼#
发布于:2010-09-13 15:00

那只能期待哪个高手写个js脚本了

有高手用css写出来了;
默认是0.8s,可以自己调整;

只能用于4.0

作者:ポップアップブックマークツールバー for UserCSS - Griever

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul) {

#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) ~ #browser {
  margin-top: -25px !important;/* 適宜調整 */
}

#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar {
  -moz-transition: max-height 0s ease-in-out .8s !important;/* 消えるときのアニメーション */
  -moz-box-ordinal-group: 1000 !important;
  padding: 0 3px !important;
  position: relative !important;
  z-index: 100 !important;
  overflow-y: hidden !important;
  max-height: 1px !important;
  min-height: 1px !important;
}

/*
#main-window[stylish-url="about:blank"] #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar,*/
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]):hover > #PersonalToolbar {
  -moz-transition: max-height 0s ease-in-out !important;/* 表示されるときのアニメーション */
  max-height: 30px !important;
}

}
openicq
狐狸大王
狐狸大王
  • UID5412
  • 注册日期2005-04-23
  • 最后登录2015-12-15
  • 发帖数353
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
25楼#
发布于:2010-09-13 15:00
太赞了
bestmai
小狐狸
小狐狸
  • UID29116
  • 注册日期2009-06-10
  • 最后登录2013-05-12
  • 发帖数44
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
26楼#
发布于:2010-09-13 15:00
效果确实不错,浮动出来的,页面不会跳动,赞
xxp2277
千年狐狸
千年狐狸
  • UID24388
  • 注册日期2008-05-31
  • 最后登录2024-05-18
  • 发帖数1513
  • 经验133枚
  • 威望0点
  • 贡献值46点
  • 好评度8点
  • 社区居民
27楼#
发布于:2010-09-13 15:00
alanfly
有高手用css写出来了;
默认是0.8s,可以自己调整;

只能用于4.0

作者:ポップアップブックマークツールバー for UserCSS - Griever

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul) {

#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) ~ #browser {
  margin-top: -25px !important;/* 適宜調整 */
}

#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar {
  -moz-transition: max-height 0s ease-in-out .8s !important;/* 消えるときのアニメーション */
  -moz-box-ordinal-group: 1000 !important;
  padding: 0 3px !important;
  position: relative !important;
  z-index: 100 !important;
  overflow-y: hidden !important;
  max-height: 1px !important;
  min-height: 1px !important;
}

/*
#main-window[stylish-url="about:blank"] #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar,*/
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]):hover > #PersonalToolbar {
  -moz-transition: max-height 0s ease-in-out !important;/* 表示されるときのアニメーション */
  max-height: 30px !important;
}

}
回到原帖

这个大赞!
mark一下!
no001529
火狐狸
火狐狸
  • UID30669
  • 注册日期2009-10-12
  • 最后登录2016-11-11
  • 发帖数156
  • 经验12枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
28楼#
发布于:2010-09-13 15:00
那个日本人写的css效果果然不错,浮动效果,向往好久了。
比较遗憾的是在3.6上不好用。
dindog
千年狐狸
千年狐狸
  • UID30818
  • 注册日期2009-10-24
  • 最后登录2023-02-03
  • 发帖数1195
  • 经验59枚
  • 威望0点
  • 贡献值26点
  • 好评度10点
29楼#
发布于:2010-09-13 15:00
alanfly:你书签工具栏下有书签没?
另外你的代码多了个分号,虽然不影响使用;
去掉分号应该是这样。
#PersonalToolbar {display: none;} #navigator-toolbox:hover >
#PersonalToolbar {
display: -moz-box !important;
}
回到原帖

请问是用什么软件做的GIF
以前firefox跳个票的时间现在可以发布几个正式版了-_-
游客

返回顶部