Scroll bar color hiding scroll bar and double-click Page Auto-scrolling display code

Source: Internet
Author: User

Install the "scroll bar color" plug-in downloaded from the USB flash drive,

After DW is installed, how can I normally apply this special effect plug-in?
A: Open DW,
1. Create a page --Code-- Delete all previous codes in <HTML>!
2. Navigate to Arrow-arrow, track-track.
Tip: if the following code cannot be changed, delete more than the code before the webpage header <HTML>!

Scroll bar color:

You can also enter the following code directly between Copy codeThe Code is as follows: <style>
Body {SCROLLBAR-FACE-COLOR: # 3333ff; (color of the protruding part of the stereo scroll bar)
SCROLLBAR-HIGHLIGHT-COLOR: #505050; (color of the blank part of the scroll bar)
SCROLLBAR-SHADOW-COLOR: # fc2400; (color of stereo scroll bar shadow)
SCROLLBAR-ARROW-COLOR: #666666; (the color of the up and down arrow on the top of the button)
SCROLLBAR-BASE-COLOR: #333333; (Basic Color of the scroll bar)
SCROLLBAR-DARK-SHADOW-COLOR: # b4fc48} (color of the strong shadow of the three-dimensional scroll bar)
</Style>

You can change the following 16-bit color values at will. The brackets indicate the description. Do not insert the values when you enter them.

Hide the scroll bar:

In any case, if the webpage is out of the display range, a scroll bar will appear. But sometimes we don't want it to be displayed. How can we hide it? You only need to insert the code between <body> </body>: <body style = "overflow-X: hidden; overflow-Y: hidden">. X indicates the horizontal scroll bar. If you change it to y, you can hide the vertical scroll bar.

Double-click Page scrolling:

When there is a long article in The webpageArticleWhen browsing, it is quite boring. Think about dragging the scroll bar while busy browsing, it is really tiring. To make it easy for guests to browse, we can use script code to automatically scroll the webpage. When you double-click the webpage, the webpage will automatically scroll down and the page will be rolled down when you click again. Insert the following code into <body> </body>.Copy codeThe Code is as follows: <script language "JavaScript">
VaR currentpos, timer;
Function initialize ()
{
Timer = setinterval ("scrollwindow ()", 10 );
}
Function SC (){
Clearinterval (timer );
}
Function scrollwindow ()
{
Currentpos = Document. Body. scrolltop;
Window. Scroll (0, ++ currentpos );
If (currentpos! = Document. Body. scrolltop)
SC ();
}
Document. onmousedown = SC
Document. ondblclick = initialize
</SCRIPT>

Note: The above code is in non-standard mode.

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.