How the floating menu is made out of the mouse event

Source: Internet
Author: User

Let me make a final answer to this question. I used to marvel at this special effect in the Flash zone, and I was so upset that I didn't know how to achieve it. I asked in the classic, a netizen enthusiastic answer my question, but only limited to how to add and "flash zone" the same effect, and is not perfect, in fact, this script can also achieve a lot of effects, I do not know is zippy or no use? But then look at the code look dizzy I still do not know how to achieve, fortunately, as time goes on, I finally found the answer to this question very satisfactorily. Please see:

This effect is a JS special effects, JS file name for Coollayer.js also has called overlib.js, it can achieve a very cool floating menu effect, there are 5 kinds of styles:

Style 1: no title bar

Style 2: Display title bar

Style 3: Click on the display title bar

Style 4: Click on the left to display the title bar

Style 5: Center display floating window

In the JS file, most of the need not to modify, you just change the size of the display font can be. Mainly modifies the HTML document page, because the pop-up floating window display content all by it control. Look at the source code, very easy to read. Like my new Web page: http://q3a.go.163.com

Parameter meaning: (caption--title)

OnMouseOver is controlled using the following function:

Center (center)

DCS (text)

DCC (text, caption)

Right

DRS (text)

DRC (text, caption)

Left

DLS (Text)

DLC (text, caption)

onMouseOut is controlled using the following function:

nd ()

The OnClick control is controlled by the following function:

SCC (text, caption)

SRC (text, caption)

SLC (text, caption)

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.