Install the "Scroll Bar Color Change" plug-in downloaded from the USB flash drive.
How to apply this special effect plug-in normally after installing to DW?
Answer: Open DW,
1. Create a new page - code - delete all the codes in front of <html>!
2. After the mouse is positioned in <head> - click DW "Design" - click the "Scroll Bar Color Change" plug-in to set it up.
Scrollbar code in English: arrow - arrow, track - track.
Tip: If the following code is inserted, it cannot change color, please delete the more than code before the head of the web page.
Scroll bars change color:
You can also directly enter the following code between the <head> </head> of the web page, and you can change the color at will:
<style>
body {SCROLLBAR-FACE-COLOR:#3333FF; (color of the convex part of the three-dimensional scroll bar)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(color of blank part of the scroll bar)
SCROLLBAR-SHADOW-COLOR:#fc2400; (color of stereo scroll bar shadow)
SCROLLBAR-ARROW-COLOR:#666666;(color of triangle arrow on top of upper and lower buttons)
SCROLLBAR-BASE-COLOR:#33333; (Basic color of scroll bar)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (color of strong shadows for stereo scroll bars)
</style>
You can change the 16-bit color value afterwards as you like. The explanation is in the brackets. Please do not insert it when entering.
Hide scrollbar:
In any case, a scroll bar will appear if the page is out of display. But sometimes we don't want it to show, how do we hide it? Just insert the code between <body> </body> </body>: <body style="overflow-x:hidden;overflow-y:hidden">. Where x represents a horizontal scroll bar. If you change it to y, you can hide the vertical scroll bar.
Double-click the web page to scroll:
When there are long articles on the web page, it is more difficult to browse. Thinking about it, it is really tiring to be busy dragging the scrollbar while browsing. In order for guests to browse easily, we can use script code to automatically scroll the web page. When double-clicking the web page, the web page will automatically scroll down, and the scroll stops when clicking again. Insert the following code between <body> </body>.
<script language"javascript">
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=;
(0,++currentpos);
if (currentpos != )
sc();
}
=sc
=initialize
</script>
Note: The above codes are all non-standard mode.
How to apply this special effect plug-in normally after installing to DW?
Answer: Open DW,
1. Create a new page - code - delete all the codes in front of <html>!
2. After the mouse is positioned in <head> - click DW "Design" - click the "Scroll Bar Color Change" plug-in to set it up.
Scrollbar code in English: arrow - arrow, track - track.
Tip: If the following code is inserted, it cannot change color, please delete the more than code before the head of the web page.
Scroll bars change color:
You can also directly enter the following code between the <head> </head> of the web page, and you can change the color at will:
Copy the codeThe code is as follows:
<style>
body {SCROLLBAR-FACE-COLOR:#3333FF; (color of the convex part of the three-dimensional scroll bar)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(color of blank part of the scroll bar)
SCROLLBAR-SHADOW-COLOR:#fc2400; (color of stereo scroll bar shadow)
SCROLLBAR-ARROW-COLOR:#666666;(color of triangle arrow on top of upper and lower buttons)
SCROLLBAR-BASE-COLOR:#33333; (Basic color of scroll bar)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (color of strong shadows for stereo scroll bars)
</style>
You can change the 16-bit color value afterwards as you like. The explanation is in the brackets. Please do not insert it when entering.
Hide scrollbar:
In any case, a scroll bar will appear if the page is out of display. But sometimes we don't want it to show, how do we hide it? Just insert the code between <body> </body> </body>: <body style="overflow-x:hidden;overflow-y:hidden">. Where x represents a horizontal scroll bar. If you change it to y, you can hide the vertical scroll bar.
Double-click the web page to scroll:
When there are long articles on the web page, it is more difficult to browse. Thinking about it, it is really tiring to be busy dragging the scrollbar while browsing. In order for guests to browse easily, we can use script code to automatically scroll the web page. When double-clicking the web page, the web page will automatically scroll down, and the scroll stops when clicking again. Insert the following code between <body> </body>.
Copy the codeThe code is as follows:
<script language"javascript">
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=;
(0,++currentpos);
if (currentpos != )
sc();
}
=sc
=initialize
</script>
Note: The above codes are all non-standard mode.