<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet"
href="http://www.dynamicdrive.com/dynamicindex17/dropincontentbox.css" />
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script
src="http://www.dynamicdrive.com/dynamicindex17/jquery.easing.1.3.js"></script>
<script src="http://www.dynamicdrive.com/dynamicindex17/dropincontentbox.js">
/***********************************************
* Drop In Content Box (c) Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
</script>
<script>
var dropinbox1=new dropincontentbox({
source:['#dropbox',
'http://www.dynamicdrive.com/dynamicindex17/dropincontent.htm'], //#id of DIV to
show if defined inline, or [#id, path_to_box_content_file] if defined in external
file
cssclass:'dropinbox standardshadow', //arbitrary class(es) to add to the
drop in box to style it
showduration:10 //disappear after x seconds?
})
var dropinbox2=new dropincontentbox({
source:'#reminder', //#id of DIV to show if defined inline
cssclass:'dropinbox dropinboxaltstyle drop-shadow lifted',
fx:'easeInExpo', //alternate drop animation keyword
pos:[-20, -20], //custom position of drop in box
deferred:1 //show box 1 sec after page has loaded
})
</script>
</head>
<body>
<div id="reminder">
<iframe style="overflow: visible;"
src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com
%2Fpages%2FCdnews24com
%2F196618787024224&width=252&height=102&colorscheme=light&show_fa
ces=true&border_color&stream=false&header=false" frameborder="0"
scrolling="no" width="252" height="102"></iframe></div>
<a style="position: fixed; bottom:5px;right:5px;"
href="javascript:dropinbox2.show()">Facebook</a>
</body>
</html>
Source: http://www.dynamicdrive.com/dynamicindex17/dropinbox.htm
No comments:
Post a Comment