<!-- Cliproll CSS Auto-Scroll customizing by BigBadWolf
Please note: I am including only the HTML basics in this page so you can
see how it works. If you'd like to see the naked basics of what to include,
download "http://richardf.com/cliproll_auto.txt"
Big props to EricW at clipmarks for helping me get some of this nailed down!
You can copy and paste this entire document minus a couple of lines and paste it into yours.
See the descriptions below.
-->
<!-- Leave the <html> and <head> out when copying -->
<html>
<head>
<!-- This is the Dynamic Drive DHTML include file that handles the scrolling. I keep it in a directory
called "js" but you can put it anywhere you like just make sure to change the path. -->
<script src="js/jquery.js" type="text/javascript"></script>
<!-- You can either embed the CSS styles in your document somewhere inbetween the <head> </head>
statements or include them in an external style sheet. Leave out the <style type="text/css">
if you put it into an external sheet. -->
<style type="text/css">
/* .Clipmarks - Note that this style must be included here unless you are using external style sheets.
This sets the style for the entire clipmarks div. As it is, I set the background color, border style
and width of the div. You will see later why I am setting a width. */
.Clipmarks {
background-color: #FFFFFF; /* sets the background color for the whole cliproll */
border: thin solid #FFCC33; /* puts a border around the entire cliproll */
width: 474x; /* sets the width of the cliproll div */
}
</style>
<!-- Leave this </head> out when copying -->
</head>
<!-- Leave this <body> out when copying and paste everything below someplace between
your <body> and </body> tags -->
<body>
<!-- Here is the actual div that contains the cliproll. Copy and paste your cliproll into the line between the <div> and </div>
(the line that begins "<script type="text/javascript" src="http://clipmarks.com/feed/" is your cliproll. -->
<div class="Clipmarks" id="Clipmarks" style="width:570px; height:170px; z-index:1; left: 30px; top: 24px;">
<!-- This starts the scripting that sets up the scrolling. Set the width to -6 or so pixels less than above and the
height as the same number. -->
<script type="text/javascript">
/***********************************************
* IFRAME Scroller script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
// The below setting specifies the file you have set your clipmarks feed into. This is the page that will be loaded into the scrolling layer.
var iframesrc="clipmarks3a.htm"
//You may change most attributes of iframe tag below, such as width and height:
document.write('<iframe id="datamain" src="'+iframesrc+'" width="564px" height="170px" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>')
</script>
</div>
</body>
</html>