CSS Codes
CSS Layouts

<html>
<head>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">

<link rel="stylesheet" href="ddscrollbox.css" />

<script src="ddscrollbox.js">

/***********************************************
* DD Scroll Box By Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Please keep this notice intact
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

</head>

<body>

<div id="newsletter" class="animated">
<h3>Dynamic Drive Newsletter</h3>
<p>Sign up for our FREE newsletter to get early access to new scripts!</p>
<form action="" method="post">
<input type="email" value="" name="EMAIL">
<input type="submit" value="Subscribe">
</form>
<span class="scrollboxclose" onClick="scrollbox1.hide()">x</span>
</div>

<div id="specialoffer" class="animated">
<b>DDWhois</b> Free Domain Whois and Research Tool. Always free, always anonymous. <button onClick="location='http://ddwhois.com'">Visit</button>
<span class="scrollboxclose" onClick="scrollbox2.hide()">x</span>
</div>

<script>

var scrollbox1 = new scrollBox({
elementid: 'newsletter',
dir: 'down'
})

var scrollbox2 = new scrollBox({
elementid: 'specialoffer',
dir: 'up',
fxclass: 'slideInDown',
pctboundary: 50
})

</script>

</body>
</html>