<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




<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">
<span class="scrollboxclose" onClick="scrollbox1.hide()">x</span>

<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>


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

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