This script lets you create your own flashing scroll bars. Simply type in two colors to the prompt and let JavaScript do the rest!<\/p>\n\n\n\n
<!\u2013 STEP ONE: Paste this code into the HEAD of your HTML document \u2013>\n\n\n\n<HEAD>\n\n\n\n<SCRIPT LANGUAGE=\u201dJavaScript\u201d>\n\n<!\u2013 Original: Jamie Allen \u2013>\n\n<!\u2013 Web Site: http:\/\/www.jamie.zibykid.com \u2013>\n\n<!\u2013 This script and many more are available free online at \u2013>\n\n<!\u2013 The JavaScript Source!! http:\/\/javascriptsource.com \u2013>\n\n\n\n<script language=\u201dJavaScript\u201d>\n\n\/\/This script may be used, UNEDITED\n\n\/\/www.jamie.zibykid.com\n\nfunction flashingscrollbars(){\n\n\/\/Colour 1 for scrollbars\n\npr1 = prompt(\u2018Choose a first color for your scrollbarsn(USE ONLY SMALL LETTERS! e.g. blue NOT Blue or BLUE)\u2019, \u201d);\n\nhid1.value=pr1\n\nvar done=0\n\nif (hid1.value==\u201dnull\u201d) { location.reload(self); done=1; }\n\nif (hid1.value==\u201dcrimson\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dkhaki\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dred\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dblue\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dsilver\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dteal\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dgray\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dgold\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201d#fafafa\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dpink\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dpurple\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dviolet\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dturquoise\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dbrown\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dwhite\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dblack\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dgreen\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dorange\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dmaroon\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dlime\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dcyan\u201d) { gogo(); done=1; }\n\nif (hid1.value==\u201dmagenta\u201d) { gogo(); done=1; }\n\nif (done==0) { if(confirm(\u2018There seems to have been an error on your first colour!nPlease try again!\u2019)) { flashingscrollbars(); } else { location.reload(self); } }\n\n}\n\n\/\/Second check for colours (Color 2)\n\nfunction gogo(){\n\npr2 = prompt(\u2018Choose a second color for your scrollbars\u2019, \u201d);\n\nhid2.value=pr2\n\nvar done=0\n\nif (hid2.value==\u201dnull\u201d) { location.reload(self); done=1; }\n\nif (hid2.value==\u201dcrimson\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dkhaki\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dred\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dblue\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dsilver\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dteal\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dgray\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dgold\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201d#fafafa\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dpink\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dpurple\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dviolet\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dturquoise\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dbrown\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dwhite\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dblack\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dgreen\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dorange\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dmaroon\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dlime\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dcyan\u201d) { gogo2(); done=1; }\n\nif (hid2.value==\u201dmagenta\u201d) { gogo2(); done=1; }\n\nif (done==0) { if(confirm(\u2018There seems to have been an error on your second colour!nPlease try again!\u2019)) { gogo(); } else { location.reload(self); } }\n\n}\n\n\/\/If everything\u2019s OK, this script will allow you to preview it in your browser.\n\nfunction gogo2(){\n\npreview.disabled=false\n\ncut_paste_box.value=\u201dn<script language=\u201dJavaScript\u201d>nfunction go1(){ndocument.body.style.scrollbarBaseColor=\u201d\u201d+hid1.value+\u201d\u201d;nsetTimeout(\u2018clr2()\u2019, 500)n}nfunction clr2(){ndocument.body.style.scrollbarBaseColor=\u201d\u201d+hid2.value+\u201d\u201dnsetTimeout(\u2018go1()\u2019, 500)n}n<\/script>n<script language=\u201dJavaScript\u201d>ngo1()n<\/script>\u201d\n\n}\n\nfunction prev(){\n\n\/\/The actual document.write (preview) script\n\ndocument.write(\u2018n<html>n<head>n<\/head>n<body bgcolor=\u201d#000000\u2033 text=\u201d#FFFF00\u2033 link=\u201d#00FF00\u2033 vlink=\u201d#00FF00\u2033 alink=\u201d#00FFFF\u201d>n<center>n<p align=\u201dcenter\u201d>You should see the scrollbar flashing (as log as you\u2019ve picked 2 different colors!)<\/p>n<p>Color 1 = \u2018+hid1.value+'<\/p>n<p>Color 2 = \u2018+hid2.value+'<\/p>n\u2019+cut_paste_box.value+\u2019n<p>Copy and Paste the following code, in your webpage, after the <body> tag.<\/p>n<textarea rows=\u201d8\u2033 cols=\u201d75\u2033>\u2019+cut_paste_box.value+'<\/textarea><\/center>n<p align=\u201dcenter\u201d><a href=\u201djavascript:history.back(-1);\u201d>Back\u2026<\/a>n<\/p>n<\/body>n<\/html>\u2019)\n\n}\n\n<\/script>\n\n\n\n<\/HEAD><\/code><\/pre>\n\n\n\n<!\u2013 STEP TWO: Copy this code into the BODY of your HTML document \u2013>\n\n\n\n<BODY>\n\n\n\n<!\u2013 This script and many more are available free online at \u2013>\n\n<!\u2013 The JavaScript Source!! http:\/\/javascriptsource.com \u2013>\n\n<!\u2013 Original: Jamie Allen \u2013>\n\n<!\u2013 Web Site: http:\/\/www.jamie.zibykid.com \u2013>\n\n<p align=\u201dcenter\u201d><font size=\u201d6\u2033 face=\u201dtahoma\u201d><strong>Flashing Scrollbar Maker<\/strong><\/font><\/p>\n\n<p align=\u201dcenter\u201d><font size=\u201d3\u2033 face=\u201dtahoma\u201d><strong>v1.1<\/strong><\/font><\/p>\n\n<p align=\u201dcenter\u201d> \n\n <input type=\u201dbutton\u201d value=\u201dCreate some flashing scrollbars!\u201d name=\u201dgo\u201d onClick=\u201dflashingscrollbars()\u201d>\n\n<\/p>\n\n<div align=\u201dcenter\u201d>\n\n <center>\n\n <table border=\u201d0\u2033 cellpadding=\u201d3\u2033 cellspacing=\u201d0\u2033 width=\u201d93%\u201d>\n\n <tr>\n\n <td width=\u201d108%\u201d>\n\n <p align=\u201dcenter\u201d> <textarea disabled rows=\u201d1\u2033 cols=\u201d1\u2033 name=\u201dcut_paste_box\u201d style=\u201dbackground-color: #000000; border-style: solid; border-width: 0\u2033><\/textarea>\n\n <p align=\u201dcenter\u201d> \n\n <input disabled type=\u201dbutton\u201d value=\u201dPreview Scrollbars\u201d name=\u201dpreview\u201d onclick=\u201dprev()\u201d>\n\n <\/td>\n\n <\/tr>\n\n <tr>\n\n <td width=\u201d100%\u201d align=\u201dcenter\u201d>\n\n <p align=\u201dcenter\u201d> <font color=\u201d#00FF00\u2033 face=\u201dTahoma\u201d>NOTE: Press \n\n \u201cPreview\u201d to get the copy & paste code to put onto your \n\n webpage <\/font><\/td>\n\n <\/tr>\n\n <\/table>\n\n <\/center>\n\n<\/div>\n\n<p align=\u201dcenter\u201d><input id=\u201dhid1\u2033 type=\u201dhidden\u201d><\/p>\n\n<p align=\u201dcenter\u201d><input id=\u201dhid2\u2033 type=\u201dhidden\u201d><\/p>\n\n<p align=\u201dcenter\u201d><input id=\u201dhid3\u2033 type=\u201dhidden\u201d><\/p>\n\n<script>\n\ncut_paste_box.value=\u201d\u201d\n\ncut_paste_box.style.scrollbar3dLightColor=\u201dblack\u201d\n\ncut_paste_box.style.scrollbarHighlightColor=\u201dblack\u201d\n\ncut_paste_box.style.scrollbarFaceColor=\u201dblack\u201d\n\ncut_paste_box.style.scrollbarArrowColor=\u201dblack\u201d\n\ncut_paste_box.style.scrollbarShadowColor=\u201dblack\u201d\n\ncut_paste_box.style.scrollbarDarkShadowColor=\u201dblack\u201d\n\n<\/script>\n\n\n\n\n\n<p><center>\n\n<font face=\u201darial, helvetica\u201d size\u201d-2\u2033>Free JavaScripts provided<br>\n\nby <a href=\u201dhttps:\/\/javascriptsource.com\u201d>The JavaScript Source<\/a><\/font>\n\n<\/center><p><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"This script lets you create your own flashing scroll bars. Simply type in two colors to the prompt and let JavaScript do the rest!<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[13],"tags":[],"class_list":{"0":"post-250","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-generators","7":"entry"},"featured_image_src":null,"featured_image_src_square":null,"author_info":{"display_name":"JavaScriptSource Editor","author_link":"https:\/\/javascriptsource.com\/author\/bkmacdaddybsa\/"},"_links":{"self":[{"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/posts\/250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/comments?post=250"}],"version-history":[{"count":2,"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/posts\/250\/revisions"}],"predecessor-version":[{"id":335,"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/posts\/250\/revisions\/335"}],"wp:attachment":[{"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/media?parent=250"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/categories?post=250"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/tags?post=250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}