Version complète: jsB@nk » Texte » Animation » Télésouffleur
URL: https://www.javascriptbank.com/teleprompter.html
Si vous avez besoin de faire un discours ou de lire un script pour un podcast, vous pouvez utiliser cette JavaScript pour lancer votre propre télésouffleur. En cliquant sur le texte ou en appuyant sur le retour, vous pouvez basculer le défilement du texte. La fonctionnalité est très basique. Un <div> contenant le texte est limité aux dimensions de la navigateur fenêtre. Ensuite, en cliquant sur le texte ou en appuyant sur le retour, vous pouvez basculer le défilement du texte. La vitesse de défilement peut être augmentée en appuyant] et diminué en appuyant sur [.
Version complète: jsB@nk » Texte » Animation » Télésouffleur
URL: https://www.javascriptbank.com/teleprompter.html
<style>body {/* font-family: Helvetica,Arial,sans-serif; font-size: 2.4em; line-height: 1.4; background: #000; color: #fff; overflow: hidden;*/}#speech { position: absolute; text-align: left; left: 0;}p { margin: .5em;}.slide { text-align: center; margin: 0;}</style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><script>/*Created by: Jeremy Keith Web Site: http://adactio.com/*//*global document, window, event */var scroll = function(element) { var scrolling = null; var inc = 1; var wait = 50; var getYpos = function() { var ypos = element.offsetTop; var thisNode = element; while (thisNode.offsetParent && (thisNode.offsetParent != document.body)) { thisNode = thisNode.offsetParent; ypos += thisNode.offsetTop; } return ypos; }; var doScroll = function() { var y = parseInt(getYpos(),10); y=y-inc; y=y+"px"; element.style.top = y; scrolling = window.setTimeout(doScroll,wait); }; var toggleScrolling = function() { if (scrolling) { window.clearTimeout(scrolling); scrolling = null; } else { doScroll(); } }; element.onclick = toggleScrolling;// 'keys' code adapted S5 (http://www.meyerweb.com/eric/tools/s5/)//which was in turn adapted from MozPoint (http://mozpoint.mozdev.org/) var keys = function(key) { if (!key) { key = event; key.which = key.keyCode; }switch (key.which) { case 221:// ] if (scrolling) { inc++; } break; case 219:// [ if (scrolling && inc>1) { inc--; } break; case 10:// return case 13:// enter toggleScrolling(); break;} return false; }; document.onkeyup = keys;};var init = function() { if (document.getElementById && document.getElementById("speech")) { scroll(document.getElementById("speech")); }};window.onload = init;</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><div id="speech"><p><strong>From Basic Forms to Shopping Carts</strong><br><br>An electronic shopping cart is a critical aspect of an e-commerce business. The shopping cart is the software (or series of scripts) that allows users to select products from your Web site, save them and check out when they are done shopping. In the early stages of electronic shopping, the shopping cart was usually a basic HTML form from which a customer selected the products he wanted to purchase. Long before using a credit card over the Internet was widely accepted, it was common to find that you would need to print the form and mail it along with a money order or credit card information to the company. Over time, as e-commerce grew and online stores began to offer hundreds, if not hundreds of thousands of products, obviously a better method for storing a customer's purchases and placing an order was needed.</p><p>The shopping cart acts as the user-interface for the customer to shop. It allows users to place items in a "shopping basket". The cart remembers these items for a predetermined length of time, usually 15 to 30 days unless the shopper removes the items from the cart. Today's shopping carts are really designed for the ease-of-use of the shopper. Extra features such as different color or size options, quantity of order, and matching item links can be integrated into the shopping cart. Once a shopper enters her shipping address, taxes and shipping costs can also be tallied from within the shopping cart. For the merchant, the shopping cart also provides important information, which is often transparent to the shopper, including a cart number to track the order, and even a cookie to provide you with some limited tracking details about your customer.</p></div><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->