<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
float: left;
margin: 10px;
} #div1
width: 90px;
height: 50px;
background-color: red;
} #div2
width: 250px;
height: 200px;
background-color: grey;
display: none;
<script type="text/javascript">
window.onload = function () {
var oDiv1 = document.getElementById('div1');
var oDiv2 = document.getElementById('div2'); oDiv1.onmouseover = function () {
setTimeout(function () {
oDiv2.style.display = "block";
}, 100); };
var a
oDiv1.onmouseout = function () {
a = setTimeout(function () {
oDiv2.style.display = "none";
}, 1000); }; oDiv2.onmouseover = function () {
oDiv2.onmouseout = function () {
setTimeout(function () {
oDiv2.style.display = "none";
}, 100);
<div id="div1"></div>
<div id="div2"></div>

Javascript Achieve two pictures of delay loading more related articles

  1. Use CSS3 in Canvas Realize the combination of two pictures into one picture 【 Used to synthesize two-dimensional code pictures 】

    CSS3 Canvas Realize the combination of two pictures into one picture demand demand : In the project, we encountered a new picture composed of a fixed picture and a QR code picture , And users can save and download pictures to local . Ideas : Use CSS3 Medium Canvas take ...

  2. opencv_ Judge whether the two pictures are the same

    QQ:231469242 pip install opencv If you can't find a version , Download it unofficially opencv Third party package http://www.lfd.uci.edu/~gohlke/pythonlibs/ Next ...

  3. VS Code - Debugger for Chrome debugging JavaScript Two ways

    VS Code - Debugger for Chrome debugging JavaScript Two ways Recently due to business trip , Blogs don't write a lot , Always wanted to write an article VS Code - Debugger for Chrom ...

  4. javascript Use two logical non operators (!!) Why

    javascript Use two logical non operators (!!) Why : In some code, you may notice that two logical non operators are used in some places , The first feeling is that there is no need , For example, the operands are true Words , Use two logical not's return value or tr ...

  5. HTML A further modification to the problem of superimposing two images

    To superimpose two images , Just in circle Add one Position:absolute Just OK 了 The above steps , Many great Xia predecessors have said , I believe there's no need to talk about it , What I want to say is an extension , Put the example to the right , Maybe it's because I'm not savvy , Studied a ...

  6. javascript Keep two decimal places

      Original address http://blog.csdn.net/he20101020/article/details/8503308   <script type="text/javascrip ...

  7. JavaScript Get the time difference between two times

    <html><head><title>JavaScript Calculate two time differences </title><meta http-equiv="conten ...

  8. Java Compare the similarity between the two pictures

    import java.awt.image.BufferedImage; import java.io.File; import javax.imageio.ImageIO; /** *  Compare the two pictures ...

  9. iOS Combine two pictures into one

    0x00 step First read two pictures and create CGImageRef Create a context canvas Draw the pictures on the canvas one by one Get the merged image from the context Close context Free memory 0x01 Code implementation - (void)comp ...

Random recommendation

  1. Javascript - Stack and Single chain list

    Recently, I've been reviewing the data structure , So I wrote some code to play with , It's all very elementary , Watch and spray .... function Stack() { this.dataStore = []; this.top = 0; } Stack.p ...

  2. Qt OpenGL Three dimensional drawing

      brief introduction OpenGL It is a standard application programming interface for 3D drawing . OpenGL It's just three-dimensional drawing , There is little or no support for GUI programming .OpenGL* The user interface of the application must be created by other toolkits , Than ...

  3. android Button Get focus

    Sometimes it's used directly requestFocus() You can't give button set focus , After searching on the Internet, we get the following conclusion : First setFocus, Again requestFocus.                 btn.setFocus ...

  4. Node.js timer The story of optimization

    the other day nodejs New version released 4.0, It involves a module with more updates , That's what we're going to talk about next timer modular . timers: Improved timer performance from porting ...

  5. shell The programming structure of

    Contents of this article : 1.1 shell function 1.2 Conditional structure :if 1.3 Conditional structure :case 1.4 Conditional structure :select 1.5 Loop structure :for 1.6 Loop structure :while 1.7 Loop structure :unt ...

  6. delphi Pop up the information box

    1. Warning box MessageBox(Handle,' Warning box ',' Warning box ',MB_ICONWARNING);2. Question box MessageBox(Handle,' Question box ',' Question box ' ...

  7. (1)HTML The composition of ( What is a label 、 Instructions 、 Escape character 、 data 、 Label character list )

    html The composition of : label + Instructions + Escape character + data 1. label <> Internal , Start with a letter , You can combine legal characters (- Or digital ), Symbols that can be parsed by browsers <!DOCTYPE html> # This is the system ...

  8. SpringSecurity Learning custom filters

    The authentication scenario in our system is usually complex , For example, the user is locked and cannot log in , Restrict login IP etc. . and SpringSecuriy The most basic is based on the form of user and password authentication , From this we can see that its set of verification specifications can not meet the business needs at all , So the expansion potential ...

  9. jstorm Development of guidelines - Write a simple jstorm application

    jstorm Development of guidelines - Write a simple jstorm application Published in 2015-07-18   |   Classified in   big data    |    No comments jstorm It's Alibaba's open source based on storm use Java Rewriting a set of distributions ...

  10. vb6.0 Installation

    vb6.0 Old programming software