以文本方式查看主题

-  中文XML论坛 - 专业的XML技术讨论区  (http://bbs.xml.org.cn/index.asp)
--  『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』  (http://bbs.xml.org.cn/list.asp?boardid=22)
----  DIV+背景图片的方式模拟选项卡遇到问题，请指教！  (http://bbs.xml.org.cn/dispbbs.asp?boardid=22&rootid=&id=48929)

--  作者：Qr
--  发布时间：6/23/2007 6:09:00 PM

--  DIV+背景图片的方式模拟选项卡遇到问题，请指教！
偶用一个DIV+背景图片并嵌套多个锚A的方式模拟选项卡，DIV的背景图片为选项卡的样式和状态(如下图)，然后通过JS动态设置CSS样式的方式来实现鼠标单击锚时，改变DIV的背景，以达到模拟选项卡的目的。

此主题相关图片如下：
按此在新窗口浏览图片

document.getElementById("toolbar").style.backgroundImage = "url("+(pos+1)+".gif"+")";//pos+1是组合成的图片名
代码非常的简单，但实际应用效果并不大好，因为偶尔背景图片没有显示，导致选项卡处一片空白，特别容易出现在机器配置比较低、系统资源被大量占用、网速不稳定的情况下。

如果不改变DIV+背景图片的方式模拟选项卡，大家有什么好的意见和改进方法？

--  作者：Qr
--  发布时间：7/4/2007 8:39:00 AM

--  
看了几大网站的相关代码，似乎没有使用这种方式的，看来是偶晕了头了。
不过没关系，找到了退而求其次的解决办法，就是：
给这个DIV再嵌套一层DIV，将一个没有状态指示的选项卡图片作为其背景，这样就不会出现“空白”的状态，让用户因为找不到选项卡而措手不及了。
--  作者：qxf24
--  发布时间：1/21/2009 3:37:00 PM

--  
我有代码,选项卡的,呵呵
QQ54435322
--  作者：Qr
--  发布时间：1/21/2009 4:15:00 PM

--  
以下是引用qxf24在2009-1-21 15:37:00的发言：
我有代码,选项卡的,呵呵
QQ54435322


谢谢了。
都N年了，偶都写了好几个版本的了。
--  作者：hexun831012
--  发布时间：1/21/2009 11:13:00 PM

--  
QR的问题，我不随便回答，呵呵
--  作者：Qr
--  发布时间：1/22/2009 12:01:00 PM

--  
以下是引用hexun831012在2009-1-21 23:13:00的发言：
QR的问题，我不随便回答，呵呵


有时候人会陷入一种叫做思维定势的状态，这个时候就需要别人来提醒一下。
--  作者：hexun831012
--  发布时间：2/4/2009 7:38:00 PM

--  
以下是引用Qr在2009-1-22 12:01:00的发言：
[quote]以下是引用hexun831012在2009-1-21 23:13:00的发言：
QR的问题，我不随便回答，呵呵
[/quote]
有时候人会陷入一种叫做思维定势的状态，这个时候就需要别人来提醒一下。


是啊，要不然QA就失业了
W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
 62.500ms