用户名 密码 记住我 还未注册?

[求助]浮动菜单和!DOCTYPE的冲突如何解决? [技术论坛 - 主题制作]

XOOPS China 讨论区 > XOOPS Theme (主题) > 主题制作 > [已解决] [求助]浮动菜单和!DOCTYPE的冲突如何解决?

正在浏览:   1 名游客



 到底部   前一个主题   下一个主题  [无发表权] 请登录或者注册

(1) 2 »


[求助]浮动菜单和!DOCTYPE的冲突如何解决?
网站管理员
注册日期:
2005/10/29 13:32
来自 北京
所属群组:
网站管理员
注册会员
ComSupp
推广组
帖子: 2214 | 精华: 25
等级: 38; EXP: 43
HP: 187 / 935
MP: 738 / 16028
离线
我想在xoops网站中添加如下效果的浮动菜单:

效果一:http://www.dynamicdrive.com/dynamicindex4/flyimage2.htm

效果二:http://allwebco-templates.com/support/S_script_floating.htm

不过,这些效果在xoops网站上却不能很好的运行,除非我们把theme中的如下代码删除:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"

或者

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


可是一旦删除这行代码,原来的theme就出现了很多问题,如不能居中对齐,字体变得忽大忽小。


因此,希望有经验的高手指点:
如何才能在保留!DOCTYPE的基础上,添加一个可用的浮动菜单?

PS:我看到一个商业网站可以实现,但不知道如何制作:http://www.53kf.com/
这个站点的浮动菜单很强:IE和firefox都可以实现同样的效果,而且用maxthon的浮动广告屏蔽功能也不能把它消除。

2006/6/1 10:10
工具箱 短消息 Email PDF 书签 打印 举报 回顶部


回复: [求助]浮动菜单和!DOCTYPE的冲突如何解决?
网站管理员
注册日期:
2005/10/29 13:32
来自 北京
所属群组:
网站管理员
注册会员
ComSupp
推广组
帖子: 2214 | 精华: 25
等级: 38; EXP: 43
HP: 187 / 935
MP: 738 / 16028
离线
google了半天,这个问题难道无解??。。。郁闷。。。

2006/6/1 22:24
工具箱 短消息 Email PDF 书签 打印 举报 回顶部


回复: [求助]浮动菜单和!DOCTYPE的冲突如何解决?
网站管理员
注册日期:
2005/10/29 13:32
来自 北京
所属群组:
网站管理员
注册会员
ComSupp
推广组
帖子: 2214 | 精华: 25
等级: 38; EXP: 43
HP: 187 / 935
MP: 738 / 16028
离线
不过还是看到有不少成功的案例:如adobe站点的feedback图标。

2006/6/1 22:59
工具箱 短消息 Email PDF 书签 打印 举报 回顶部


回复: [求助]浮动菜单和!DOCTYPE的冲突如何解决?
版主
注册日期:
2004/7/13 3:29
所属群组:
注册会员
风格美化组
帖子: 1028 | 精华: 3
等级: 28; EXP: 32
HP: 0 / 683
MP: 342 / 14291
离线
这个应该和浮动菜单的css有关系,里面可能有些不符合标准的style定义

2006/6/1 23:15
_________________
theme.xoops.org.cn诚邀大家共建~
———————————————————
工具箱 短消息 Email PDF 书签 打印 举报 回顶部


回复: [求助]浮动菜单和!DOCTYPE的冲突如何解决?
网站管理员
注册日期:
2005/10/29 13:32
来自 北京
所属群组:
网站管理员
注册会员
ComSupp
推广组
帖子: 2214 | 精华: 25
等级: 38; EXP: 43
HP: 187 / 935
MP: 738 / 16028
离线
好像跟css没有关系,而是javascript的问题。我看了不少这种浮动菜单的javascript,其中涉及到的CSS都很少,没有什么问题。

目前的问题不是出在CSS定位上,而是不能动,不能根据滚动条的位置及时调整定位。

2006/6/2 7:40
工具箱 短消息 Email PDF 书签 打印 举报 回顶部


回复: [求助]浮动菜单和!DOCTYPE的冲突如何解决?
新进会员
注册日期:
2006/7/12 13:21
所属群组:
注册会员
帖子: 3
等级: 1; EXP: 10
HP: 0 / 2
MP: 1 / 40
离线
我也遇到同样问题,很想知道楼主的问题解决了没有

2006/7/12 13:31
工具箱 短消息 Email PDF 书签 打印 举报 回顶部


回复: [求助]浮动菜单和!DOCTYPE的冲突如何解决?
新进会员
注册日期:
2006/7/12 13:21
所属群组:
注册会员
帖子: 3
等级: 1; EXP: 10
HP: 0 / 2
MP: 1 / 40
离线
楼主,我看到他的实现方式了,你把这个放到你的页面的script中就明白了:
var onliner_params1="arg=53kf&keyword="+escape(document.referrer);
document.write("<script language=\"javascript\" src=\"http://www.53kf.com/onliner2.php?"+onliner_params1+"\"></script>");

2006/7/12 14:32
工具箱 短消息 Email PDF 书签 打印 举报 回顶部


回复: [求助]浮动菜单和!DOCTYPE的冲突如何解决?
网站管理员
注册日期:
2005/10/29 13:32
来自 北京
所属群组:
网站管理员
注册会员
ComSupp
推广组
帖子: 2214 | 精华: 25
等级: 38; EXP: 43
HP: 187 / 935
MP: 738 / 16028
离线
引用:

ylhyh 写道:
楼主,我看到他的实现方式了,你把这个放到你的页面的script中就明白了:
var onliner_params1="arg=53kf&keyword="+escape(document.referrer);
document.write("");


关键是要知道这个php程序生成的咚咚到底是怎么回事,否则一点用都没有。

其实还是有解决办法的,就是挺麻烦,比如:用AllWebMenus Pro生成的js,不过这些js很罗嗦,太多了,感觉不是很好。

目前还是没有比较好的解决方案。

2006/7/12 15:41
工具箱 短消息 Email PDF 书签 打印 举报 回顶部


回复: [求助]浮动菜单和!DOCTYPE的冲突如何解决?
新进会员
注册日期:
2006/7/12 13:21
所属群组:
注册会员
帖子: 3
等级: 1; EXP: 10
HP: 0 / 2
MP: 1 / 40
离线
我的问题解决了,不知对楼主是否有用:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

这个指定是采用了新的XHTML

而在这个标准中:document.body.scrollTop永远返回0

改用document.documentElement.scrollTop就可以了


我觉得应该是这个问题,scrollLeft也是一样

2006/7/12 22:07
工具箱 短消息 Email PDF 书签 打印 举报 回顶部


回复: [求助]浮动菜单和!DOCTYPE的冲突如何解决?
网站管理员
注册日期:
2005/10/29 13:32
来自 北京
所属群组:
网站管理员
注册会员
ComSupp
推广组
帖子: 2214 | 精华: 25
等级: 38; EXP: 43
HP: 187 / 935
MP: 738 / 16028
离线
WOW! 太酷了!ylhyh, 你解决了我的大难题!!!非常感谢!!
请看我改动后的效果:http://www.malan.com.cn

又搜索了一下,找到一篇详细说明本技术细节的文章:
http://www.mhcy.net/view.asp?id=734

2006/7/13 0:01
工具箱 短消息 Email PDF 书签 打印 举报 回顶部


(1) 2 »

  [无发表权] 请登录或者注册


可以查看帖子。
不可发帖。
不可回复。
不可编辑自己的帖子。
不可删除自己的帖子。
不可发起投票调查。
不可在投票调查中投票。
不可上传附件。
不可不经审核直接发帖。
不可使用主题类别。
不可使用HTML语法。
不可使用签名档。

[高级搜索]