13 12
发新话题
打印

找回鼠标滑过变色效果

找回鼠标滑过变色效果

discuz6.0是用hover伪类来实现的,模板是采用xhtml+css2.0体系构建,只有在IE7.0或firefox下才能看到鼠标划过变色的效果
那么怎么再IE6实现呢? COME ON
1 在CSS.HTM查找
复制内容到剪贴板
代码:
.forumlist tbody th, .forumlist tbody td, .threadlist tbody th, .threadlist tbody td { color: {TEXT}; padding: 1px 5px; border-bottom: 1px solid {TABLEBG}; background-color: {ALTBG1}; }
把末尾代码的 background-color: {ALTBG1};删除

2 再次在CSS.HTM查找
复制内容到剪贴板
代码:
.forumlist tbody tr:hover th, .forumlist tbody tr:hover td, .threadlist tbody tr:hover th, .threadlist tbody tr:hover td { background-color: {ALTBG2}; }
把它删除
3 在discuz.htm查找
复制内容到剪贴板
代码:
<tbody id="forum$forum[fid]">
下面行的<tr>
复制内容到剪贴板
代码:
<tr bgcolor="{ALTBG1}" onMouseOver="this.style.backgroundColor='{ALTBG2}'" onMouseOut="this.style.backgroundColor='{ALTBG1}'">
替换
   再次查找
复制内容到剪贴板
代码:
<th width="$cat[forumcolwidth]"{$forum[folder]}>
复制内容到剪贴板
代码:
<th width="$cat[forumcolwidth]"{$forum[folder]} bgcolor="{ALTBG1}" onMouseOver="this.style.backgroundColor='{ALTBG2}'" onMouseOut="this.style.backgroundColor='{ALTBG1}'">
替换
4 在forumdisplay.htm查找
复制内容到剪贴板
代码:
<tbody id="$thread[id]" {if in_array($thread['displayorder'], array(4, 5))}style="display: none"{/if}>
将下面的<tr>替换成如下代码:
复制内容到剪贴板
代码:
<tr bgcolor="{ALTBG1}" onMouseOver="this.style.backgroundColor='{ALTBG2}'" onMouseOut="this.style.backgroundColor='{ALTBG1}'">
。。。。完工

[ 本帖最后由 wurenqu 于 2008-1-24 12:09 编辑 ]

TOP

图片
附件: 您所在的用户组无法下载或查看附件

TOP

好东西!!一直怀疑是IE的问题,没想到果然如此。请教一下,这段代码的删除会造成其它影响吗?
.forumlist tbody tr:hover th, .forumlist tbody tr:hover td, .threadlist tbody tr:hover th, .threadlist tbody tr:hover td { background-color: {ALTBG2}; }

另外,看了御剑江湖在此贴六楼的讨论,想请教一下,楼主的这种修改方法是否属于JS的调用?
http://www.freediscuz.net/bbs/thread-3312-1-1.html

以上两个问题,恳请各位达人赐教,拜谢!

TOP

其实这段代码就是5.5里面的,对什么资源的消耗应该是没有的吧

TOP

谢谢wurenqu,正在用,感觉不错,谢谢分享!!

TOP

复制内容到剪贴板
代码:
.forumlist tbody tr:hover th, .forumlist tbody tr:hover td, .threadlist tbody tr:hover th, .threadlist tbody tr:hover td { background-color: {ALTBG2}; }
是控制论坛所有区域鼠标划过变色的代码,但代码属于CSS 2结构,IE6不支持

1楼提供的办法是可行的,但是不推荐使用,从网页标准的方面来讲,D6的模板是使用了XHTML结构,推荐的是样式与结构分离,而1楼里面提及的代码则违背了这一原则
我所提过的JS调用指的是类似于这种: http://yltfy.meool.com/article.asp?id=26
不过没时间在D6的模板上尝试,应该是可行的.

有利有弊,就看大家怎样取舍了~呵呵....
这家伙很懒,什么也没留下.

TOP

回去试下

TOP

引用:
原帖由 御剑江湖 于 2008-1-24 17:49 发表
我所提过的JS调用指的是类似于这种...
请教一下御剑江湖,你发的链接里面所说的JS调用,是属于分开的,还是你不推荐的没分开形式?

另外,象这种没分开的修改,对系统性能的消耗有多大?会不会接近忽略不计的程度?

TOP

那个连接里的方法....算是分开的吧.....
对系统资源的消耗.基本可以忽略.

只是在标准和用户体验方面不推荐这种方法而已
这家伙很懒,什么也没留下.

TOP

明白了,感谢御剑江湖的热心指点!学习!

TOP

 13 12
发新话题