加快图片显示(javascript)

2016-01-29 18:05 1 1 收藏

加快图片显示(javascript),加快图片显示(&#106avascript)

【 tulaoshi.com - ASP 】

预先读取图片的方法是比较简单的，用javascript这样实现。
将如下的类似代码放在HTML的<head区：
<SCRIPT LANGUAGE="JavaScript"
<!--
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"。
如果图片在其它服务器的子目录内，
只要用正确的绝对路径表示即可。

来源:https://www.tulaoshi.com/n/20160129/1504332.html

上一篇： Excel妙用自定义函数让班级名称自动化
下一篇：硬盘、分区引导和操作系统加载程序

看过《加快图片显示(javascript)》的人还看了以下文章更多>>

加快图片显示(javascript) 01-29
javascript实例教程(9) 随机显示图片 01-29
javascript设计漫天雪花 01-29
限制图片上传长宽的javascript代码 01-29
javascript实例教程(6) 利用javascript进行密码保护 01-29
javascript学习:基础继承机制 01-29
在IE中使用javascript 01-29
javascript模拟ACDSEE简单功能 01-29
javascript和Flash的通信 01-29
javascript制作闪烁的边框 01-29

PHP+&#106avascript液晶时钟

标签： Web开发

? $size_small=5;//液晶宽度 $size_big=25;//液晶长度 $distance=10;//间距 $color_back="#DDDDDD"; $color_dark="#CCCCCC"; $color_light="#000000"; $number=0; ? html head titleTimer/title meta http-equ...

javascript加密解密终级指南

信息来源：《黑客防线》本文一共介绍了七种方法：一：最简单的加密解密二：转义字符"\"的妙用三：使用Microsoft出品的脚本编码器Script Encoder来进行编码（自创简单解码）四：任意添加NUL空字符（十六进制00H）（自创）五：无用内容混乱以及换行空格TAB大法六：自写解密函数法七：错误的利用（自创）在做网页时（...

初学javascript之cookie篇(译)

[译者注：将本文的最后示例代码拷贝至文本文件中,更名文件为homepage.htm格式文件，在浏览器中运行，本文以该示例代码讲解简介 ==================================== 问题是我想解决自动访问http://www.thehungersite.com。这个页面能够限制你每一天只访问它一次（不要忘记在这链接上点击）。 ...

javascript实例教程(18) 数组

使用Javascript数组在JavaScript 1.0中构造器只存在Date对象和用户定义的对象。你可能期望有个数组构造器，但是一直没能实现，直到JavaScript 1.1的出现，你的期望成为了现实。我们可以如下来定义用户对象： function blankArray(n) { for (var i=0; i < n; i++) this[i] = null; this.length = n; } blankArray函数创建了一...

javascript动态装入XML数据

标签： ASP

使用javascript创建Microsoft XML DOM,就可以完成这一工作. // 装入数据. var source = new ActiveXObject("Microsoft.XMLDOM"); source.async = false source.load("history.xml"); // 装入样式表. var stylesheet = new ActiveXObject("Microsoft.XMLDOM"); stylesheet.async = false ...

查看更多精彩>>