有个非常棘手的问题!样式表不能缓存已经下载过的图片。

imatree 2003-08-14 10:03:10
每次onMouseOver或者onMouseOut时.c1和.c2的样式表的背景图片都要重新下载一次,非常别扭。我用JavaScript进行了图片预载后还是这样,请问有什么解决办法?

//-------- 代码 --------
<style>
.c1
{
WIDTH: 8;

BACKGROUND: url(./data.php?loc=images&filename=itemcard1_open_right.gif);
}
.c2
{
WIDTH: 20;

BACKGROUND: url(./data.php?loc=images&filename=itemcard1_open_across.gif);
}
.test1
{
BACKGROUND-COLOR: #C9C7DB;

BORDER-TOP: #302E42 1px solid;
BORDER-BOTTOM: #302E42 1px solid;

FONT-FAMILY: 宋体;
FONT-SIZE: 12pt;
COLOR: #000000;

CURSOR: hand;
}
.test2
{
BACKGROUND-COLOR: #FFFFFF;

BORDER-TOP: #302E42 1px solid;
BORDER-BOTTOM: #302E42 1px solid;

FONT-FAMILY: 宋体;
FONT-SIZE: 12pt;
COLOR: #000000;

CURSOR: hand;
}
<table>
<tr>
<td class='c1'><img width=0 height=0></td>
<td class='test1'
onMouseOver='this.className="test2"'
onMouseOut='this.className="test1"'>测试1</td>
<td class='c2'><img width=0 height=0></td>

<td class='c1'><img width=0 height=0></td>
<td class='test1'
onMouseOver='this.className="test2"'
onMouseOut='this.className="test1"'>测试1</td>
<td class='c2'><img width=0 height=0></td>

<td class='c1'><img width=0 height=0></td>
<td class='test1'
onMouseOver='this.className="test2"'
onMouseOut='this.className="test1"'>测试1</td>
<td class='c2'><img width=0 height=0></td>
<tr>
</table>
...全文
55 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
imatree 2003-08-15
  • 打赏
  • 举报
回复
呵呵,问题找到了。缓存图片是没有问题的,只是。。。我的./data.php给浏览器发送了一个禁止缓存的HTTP头信息。呵呵,糊涂死了~

wanghr100谢谢你帮忙。
wanghr100 2003-08-14
  • 打赏
  • 举报
回复
看一下这..
http://search.csdn.net/expert/topic/3/304/2002/3/4/553525.htm
wanghr100 2003-08-14
  • 打赏
  • 举报
回复
请仔细看我的第二个回复...
原理是一样的.
以下可以达到缓存
<img src="图像地址" width="0">
<img src="图像地址" width="0">
在打开页面时,就把这两图片下到本地.
当有鼠标事件时,就可直接从本直读取图像.


cuixiping 2003-08-14
  • 打赏
  • 举报
回复
如果你不用脚本的话是肯定不行的,还是用javascript写个缓存图片的函数吧,DW有自动生成的。
imatree 2003-08-14
  • 打赏
  • 举报
回复
wanghr100(灰豆宝宝.net):不知道你看清楚了我的问题没有。我做的不是预载鼠标经过图像,你的方法不行。请再看看我的代码,谢谢~~

这个问题很麻烦,请大家帮帮我!
wanghr100 2003-08-14
  • 打赏
  • 举报
回复
//src="itemcard1_open_across.gif" 写上缓存图片的地址.
wanghr100 2003-08-14
  • 打赏
  • 举报
回复
当访问一个网页时如果要下载图片,那么IE就会把该图片下载到临时文件夹,再读入.
如果你再在同一网页遇到该图片时,IE就会直接到本地硬盘读取,而不是再到服务端读取.
要实现缓存,可以用DW里面的功能.
或是你也可以加入以下语句,就可以实现缓存了..
<img src="itemcard1_open_right.gif" width="0">
<img src="itemcard1_open_across.gif" width="0">
wanghr100 2003-08-14
  • 打赏
  • 举报
回复
DreamweaverMX 做的"鼠标经过图像"
就有可以选择"预载鼠标经过图像"..

61,124

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧