Home > Web Front-end > JS Tutorial > The scroll bar changes color, hides the scroll bar and double-clicks the web page to automatically scroll and display the code_javascript skills

The scroll bar changes color, hides the scroll bar and double-clicks the web page to automatically scroll and display the code_javascript skills

WBOY
Release: 2016-05-16 18:37:50
Original
1478 people have browsed it

Install the "Scroll Bar Color Changing" plug-in downloaded from the USB flash drive.

After installing it in DW, how can I apply this special effect plug-in normally?
Answer: Open DW,
1. Create a new page - code - delete all codes in front of !
2. Position the mouse after - click DW "Design" - click the "Scroll Bar Color Change" plug-in to set it.
English translation of scroll bar code: arrow——arrow, track——track.
Tips: If the color cannot be changed after inserting the following code, please delete the excess code before the header of the web page!

The scroll bar changes color:

You can also enter the following code directly between the

of the web page to change the color at will:

Copy code The code is as follows:



You can change the 16-bit color value at will. There is an explanation in brackets. Please input it when inputting. Do not insert.

Hide scroll bars:

In any case, if the web page exceeds the display range, the scroll bars will appear. But sometimes we don't want it to show, how to hide it? Just insert the code between : . Where x represents the horizontal scroll bar, changing it to y can hide the vertical scroll bar.

Double-click the webpage to scroll:

When there are long articles on the webpage, it is more difficult to browse. Think about it, dragging the scroll bar and browsing at the same time, it is really quite Tiring. In order for guests to browse easily, we can use script code to realize automatic scrolling of the web page. When double-clicking the web page, the web page will automatically scroll down, and the scrolling will stop when clicking again. Insert the following code between .
Copy code The code is as follows:



Note: The above codes are all non-standard mode.
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template