https://github.com/fennifith/scrurl
Scrolling urls, a.k.a. the second worst website I've ever made.
https://github.com/fennifith/scrurl
website
Last synced: 7 months ago
JSON representation
Scrolling urls, a.k.a. the second worst website I've ever made.
- Host: GitHub
- URL: https://github.com/fennifith/scrurl
- Owner: fennifith
- License: apache-2.0
- Created: 2018-04-05T00:42:53.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2020-10-01T19:08:58.000Z (about 5 years ago)
- Last Synced: 2025-01-30T17:39:36.374Z (9 months ago)
- Topics: website
- Language: HTML
- Homepage: https://jfenn.me/Scrurl/
- Size: 20.5 KB
- Stars: 15
- Watchers: 2
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Probably one of the worst things I've ever used my free time for, [this](https://jfenn.me/Scrurl/) is a script that displays scrolling text in the address bar. It is almost entirely useless. Please do not use it for anything. That said, if you want to make it any worse than it already is, please feel free to make a PR.
If for some reason you wish to change the message that scrolls in the url, simply prefix the query with an '@' symbol, for example: [https://jfenn.me/Scrurl/?@this_is_a_different_message](https://jfenn.me/Scrurl/?@this_is_a_different_message).
## Usage
If you for some reason do want to use this project in your own website, here's a quick guide to using it.
### Define the Script Tag
```html
```
### Start the Scrolly Thing
```javascript
Scrurl.display("a bunch of text", {
"scrolldelay": 200, //the delay (in ms) between each scroll update
"scrollamount": 1, //the amount of characters to scroll on each update
"direction": "left" //the direction to scroll through the characters in
});
```
### Stop the Scrolly Thing
This will stop the url from scrolling, but will not remove it from the address bar, because frankly I'm just too lazy to do that, and I don't think anyone will use it if I do.
```javascript
Scrurl.display(null);
```
### Sample Implementations
- [Literally the simplest implementation possible](./examples/simple.js)
- [Preventing Scrurl from interfering with address bar input](./examples/focusable.js)