|
/javascripts/falling-snow-animation.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-snow2 me-2 text-primary"></i>Falling Snow Animation</h2>
<p class="text-secondary small mb-0">Creates a gentle snowing effect over your webpage. Perfect for winter themes or holidays.</p>
|
|
|
/javascripts/rain-animation.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-cloud-drizzle me-2 text-primary"></i>Rain Animation Effect</h2>
<p class="text-secondary small mb-0">Simulates rain falling down the screen. A classic atmospheric effect for personal sites.</p>
|
|
|
/javascripts/background-color-switcher.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-palette me-2 text-primary"></i>Background Color Switcher</h2>
<p class="text-secondary small mb-0">Allows users to choose their preferred background color for the page from a list of options.</p>
|
|
|
/javascripts/rainbow-background-cycler.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-rainbow me-2 text-primary"></i>Rainbow Background Cycler</h2>
<p class="text-secondary small mb-0">Automatically cycles the page background through the colors of the rainbow.</p>
|
|
|
/javascripts/simple-background-toggle.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-lightbulb me-2 text-primary"></i>Simple Background Toggle</h2>
<p class="text-secondary small mb-0">A simple button to toggle the background color (e.g., Light Mode vs Dark Mode concept).</p>
|
|
|
/javascripts/mouse-cursor-trail.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-cursor me-2 text-primary"></i>Mouse Cursor Trail</h2>
<p class="text-secondary small mb-0">Adds a classic trail of images or text that follows the user's mouse cursor movement.</p>
|
|
|
/javascripts/star-cursor-trail.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-stars me-2 text-primary"></i>Star Cursor Trail</h2>
<p class="text-secondary small mb-0">A magical effect where small stars trail behind the mouse pointer.</p>
|
|
|
/javascripts/spinning-cursor-dots.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-arrow-clockwise me-2 text-primary"></i>Spinning Cursor Trail</h2>
<p class="text-secondary small mb-0">A ring of dots that orbits the mouse cursor as it moves across the screen.</p>
|
|
|
/javascripts/pikachu-cursor-animation.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-emoji-smile me-2 text-primary"></i>Pikachu Cursor Animation</h2>
<p class="text-secondary small mb-0">A fun character animation (Pikachu) that chases the mouse cursor.</p>
|
|
|
/javascripts/custom-cursor.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-mouse2 me-2 text-primary"></i>Custom Cursor Changer</h2>
<p class="text-secondary small mb-0">Replaces the standard arrow cursor with a custom image or crosshair.</p>
|
|
|
/javascripts/typewriter-text-effect.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-keyboard me-2 text-primary"></i>Typewriter Text Effect</h2>
<p class="text-secondary small mb-0">Simulates text being typed out one character at a time.</p>
|
|
|
/javascripts/wave-text-effect.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-water me-2 text-primary"></i>Wave Text Effect</h2>
<p class="text-secondary small mb-0">Animates a string of text to move in a sinusoidal wave pattern.</p>
|
|
|
/javascripts/rising-text-animation.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-arrow-up me-2 text-primary"></i>Rising Text Animation</h2>
<p class="text-secondary small mb-0">Makes text appear to float upwards from the bottom of the screen.</p>
|
|
|
/javascripts/animated-title.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-window-dock me-2 text-primary"></i>Animated Site Header</h2>
<p class="text-secondary small mb-0">Scrolls or flashes text within the browser tab/window title bar.</p>
|
|
|
/javascripts/dynamic-title-changer.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-card-heading me-2 text-primary"></i>Dynamic Title Changer</h2>
<p class="text-secondary small mb-0">Changes the page title dynamically based on user interaction or events.</p>
|
|
|
/javascripts/scrolling-billboard-text.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-signpost me-2 text-primary"></i>Scrolling Billboard Text</h2>
<p class="text-secondary small mb-0">A marquee-style effect that scrolls a message across a text box.</p>
|
|
|
/javascripts/status-bar-ticker.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-input-cursor-text me-2 text-primary"></i>Status Bar Ticker</h2>
<p class="text-secondary small mb-0">Scrolls a custom message in the browser's status bar (legacy support).</p>
|
|
|
/javascripts/status-bar-writer.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-pencil-square me-2 text-primary"></i>Status Bar Writer</h2>
<p class="text-secondary small mb-0">Types out a message character-by-character in the status bar.</p>
|
|
|
/javascripts/status-message-rotator.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-arrow-repeat me-2 text-primary"></i>Status Bar Message Rotator</h2>
<p class="text-secondary small mb-0">Cycles through a list of different messages in the status bar.</p>
|
|
|
/javascripts/scrolling-status-text.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-code me-2 text-primary"></i>Scrolling Status Bar Text</h2>
<p class="text-secondary small mb-0">Another variation of the ticker effect for the bottom status bar.</p>
|
|
|
/javascripts/status-bar-scroller.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-film me-2 text-primary"></i>Status Bar Scroller</h2>
<p class="text-secondary small mb-0">Smoothly scrolls text from right to left in the browser status area.</p>
|
|
|
/javascripts/dynamic-content-box.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-box-seam me-2 text-primary"></i>Dynamic Content Box</h2>
<p class="text-secondary small mb-0">A box that updates its HTML content dynamically without a page reload.</p>
|
|
|
/javascripts/fading-content-transition.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-brightness-high me-2 text-primary"></i>Fading Content Transition</h2>
<p class="text-secondary small mb-0">Smoothly fades one piece of content out while fading another in.</p>
|
|
|
/javascripts/sticky-docked-panel.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-sticky me-2 text-primary"></i>Sticky Docked Panel</h2>
<p class="text-secondary small mb-0">Creates a panel that stays fixed to the edge of the screen as the user scrolls.</p>
|
|
|
/javascripts/screen-shake-effect.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-activity me-2 text-primary"></i>Screen Shake Effect</h2>
<p class="text-secondary small mb-0">Simulates an earthquake by rapidly shaking the browser window.</p>
|
|
|
/javascripts/drag-and-drop-interface.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-arrows-move me-2 text-primary"></i>Drag and Drop Interface</h2>
<p class="text-secondary small mb-0">Enables HTML elements to be dragged and dropped around the page.</p>
|
|
|
/javascripts/mouse-event-handler.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-hand-index-thumb me-2 text-primary"></i>Mouse Event Handler</h2>
<p class="text-secondary small mb-0">Advanced support for mouse-enter and mouse-leave events on elements.</p>
|
|
|
/javascripts/view-source-button.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-code-slash me-2 text-primary"></i>View Source Button</h2>
<p class="text-secondary small mb-0">A button that opens a window displaying the source code of the current page.</p>
|
|
|
/javascripts/page-swipe-transition.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-arrow-right-square me-2 text-primary"></i>Page Swipe Transition</h2>
<p class="text-secondary small mb-0">Creates a visual "swipe" or "wipe" effect when transitioning between pages (IE specific).</p>
|
|
|
/javascripts/html-table-sorter.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-table me-2 text-primary"></i>HTML Table Sorter</h2>
<p class="text-secondary small mb-0">Allows users to click table headers to sort the data ascending or descending.</p>
|
|
|
/javascripts/draggable-table-rows.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-list-task me-2 text-primary"></i>Draggable Table Rows</h2>
<p class="text-secondary small mb-0">Lets users reorganize table data by dragging rows up and down.</p>
|
|
|
/javascripts/flexible-data-grid.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-grid-3x3 me-2 text-primary"></i>Flexible Data Grid</h2>
<p class="text-secondary small mb-0">A powerful script for creating resizable and sortable data grids.</p>
|
|
|
/javascripts/table-fade-effect.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-grid-1x2 me-2 text-primary"></i>Table Fade Effect</h2>
<p class="text-secondary small mb-0">Applies a fading transition effect specifically to table rows or cells.</p>
|
|
|
/javascripts/custom-scrollbar-effect.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-arrows-expand me-2 text-primary"></i>Custom Scrollbar Effect</h2>
<p class="text-secondary small mb-0">Colors the browser scrollbars to match your site's theme (IE/Legacy support).</p>
|
|
|
/javascripts/dynamic-color-scrollbars.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-palette-fill me-2 text-primary"></i>Dynamic Color Scrollbars</h2>
<p class="text-secondary small mb-0">Scrollbars that change color dynamically based on mouse movement.</p>
|
|
|
/javascripts/smooth-fade-scroller.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-film me-2 text-primary"></i>Smooth Fade Scroller</h2>
<p class="text-secondary small mb-0">An automated content scroller with a smooth fading transition.</p>
|
|
|
/javascripts/random-quote-generator.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-chat-quote me-2 text-primary"></i>Random Quote Generator</h2>
<p class="text-secondary small mb-0">Displays a random quote from a predefined list on every page load.</p>
|
|
|
/javascripts/input-quote-generator.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-chat-square-quote me-2 text-primary"></i>Input Quote Generator</h2>
<p class="text-secondary small mb-0">Rotates quotes inside a form input field.</p>
|
|
|
/javascripts/simple-probability-game.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-dice-5 me-2 text-primary"></i>Simple Probability Game</h2>
<p class="text-secondary small mb-0">A basic game of chance using JavaScript logic.</p>
|
|
|
/javascripts/user-color-customizer.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-brush me-2 text-primary"></i>User Color Customizer</h2>
<p class="text-secondary small mb-0">Lets visitors customize the colors of various page elements.</p>
|
|
|
/javascripts/virtual-disco-ball.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-globe me-2 text-primary"></i>Virtual Disco Ball</h2>
<p class="text-secondary small mb-0">A fun visual effect that simulates flashing lights and colors like a disco ball.</p>
|
|
|
/javascripts/3d-cube-animation.php
|
<h2 class="h5 fw-bold mb-1"><i class="bi bi-box me-2 text-primary"></i>3D Cube Animation</h2>
<p class="text-secondary small mb-0">Renders a rotating 3D wireframe cube using pure JavaScript math.</p>
|
|
|
/Navigation/
|
Navigation
|
|
|
/Date-Time/
|
Date & Time
|
|
|
/Forms/
|
Forms
|
|
|
/Page-Effects/
|
Page Effects
|
|
|
/Windows-Dialogs/
|
Windows & Dialogs
|
|
|
/Security-Protection/
|
Security
|
|
|
/Images-Media/
|
Images & Media
|
|
|
/Cookies-Storage/
|
Cookies
|
|
|
/Frames/
|
Frames
|
|
|
/privacy.phtml
|
Privacy
|
|
Apache