加快图片显示(javascript)

您正在使用 IPV4 [13.59.36.203] 访问本站，您本次已经查看了 1 页

用户名：　密　码：　验证码：　

[公益]保护绿色环境，构建和谐社会悟空收录网

【腾讯云】爆款2核2G3M云服务器首年 61元，叠加红包再享折上折

[公益] 地球是我家，绿化靠大家
2024年劳动节剩 015 天
2024年端午节剩 055 天
2025年元　旦剩 260 天
2025年春　节剩 288 天

您现在的位置：首页 >> 脚本代码 >> 内容

本类新增

本类热门

加快图片显示(javascript)

内容摘要： 预先读取图片的方法是比较简单的，用javascript这样实现。将如下的类似代码放在HTML的head区： SCRIPT LANGUAGE='javascript' !-- Image1= new Image(100,50) Image1.src = 'image1.gif' Image2 = new Image(100,50) Image2.src = ......

预先读取图片的方法是比较简单的，用javascript这样实现。

将如下的类似代码放在HTML的<head>区：

<!--

Image1= new Image(100,50)

Image1.src = "image1.gif"

Image2 = new Image(100,50)

Image2.src = "image2.gif"

Image3 = new Image(100,50)

Image3.src = "image3.gif"

// -->

</SCRIPT>

这样浏览器在装载页面时就已经预先下载了3个图片

（image1.gif,images2.gif和image3.gif）。

当激发onmouseover事件时，浏览器直接从Cache中读取图片，

速度当然快多了。

这里做一些小小说明：图片的名字可以是任意的，

100和50分别是读入cache的图片的宽度和高度。

但是脚本格式必须按照规定的格式写，"Image1=new Image"。

如果图片在其它服务器的子目录内，

只要用正确的绝对路径表示即可。

上一篇：VBScript 函数集下一篇：文本框随文本的长度而增长的方法

发布日期：2021/6/15	手机扫二维码直达本页
发布时间：12:34:56
点　　击：3
录　　入：壹家怡园
相关文章
·JS实现鼠标点击箭头旋转180度功能 ·让你的网页动起来:Javascript+CSS拖曳盒子指南 ·JS实现自定义状态栏动画文字效果 ·js实现屏幕自适应局部代码分享 ·JS限制input框只能输入0~100的正整数的两种方法 ·CSS实现渐变式圆点加载动画 ·CSS中隐藏元素的常见5种方法 ·CSS设置水平垂直居中的7种方法 ·html table+css实现可编辑表格的示例代码 ·css实现li中文本超出行宽自动隐藏

YiJiaCMS 7.3.8 build231228(MSSQL) 闽ICP备05000814号-1

本空间由腾讯云(轻量应用服务器)提供,Cloudflare提供加速防护

运行时间载入中.....