<div class="notpopup">
<div class="closepopup" onclick="notgizle()"></div>
<img src="http://images.e-tesettur.com.tr/Data/EditorFiles/minipopups/dahamutlusali.jpg" width="452" height="308" />
</div>
<style>
.notpopup
{
position:fixed;
width:452px;
height:308px;
bottom:-308px;
right:10px;
-webkit-box-shadow: 0px -1px 9px rgba(50, 50, 50, 0.47);
-moz-box-shadow: 0px -1px 9px rgba(50, 50, 50, 0.47);
box-shadow: 0px -1px 9px rgba(50, 50, 50, 0.47);
z-index:99999;
}
</style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Başlıksız Belge</title>
<style>
.notpopup
{
position:fixed;
width:452px;
height:308px;
bottom:-308px;
right:10px;
-webkit-box-shadow: 0px -1px 9px rgba(50, 50, 50, 0.47);
-moz-box-shadow: 0px -1px 9px rgba(50, 50, 50, 0.47);
box-shadow: 0px -1px 9px rgba(50, 50, 50, 0.47);
z-index:99999;
}
.closepopup { position:absolute;
top:0px;
right:0px;
background:url('http://images.e-tesettur.com.tr/Data/EditorFiles/images/closepopup.png') no-repeat 0 0;
width:30px;
height:30px;
z-index:999;
cursor:pointer;
}
</style>
</head>
<body>
<div class="notpopup">
<div class="closepopup" onclick="notgizle()"></div>
<img src="http://images.e-tesettur.com.tr/Data/EditorFiles/minipopups/dahamutlusali.jpg" width="452" height="308" />
</div>
<script>
$(document).ready(function () {
setTimeout(function(){
notgoster();
},1500)
});
function notgoster()
{
$( ".notpopup" ).animate({
bottom: "+=308"
}, 500, function() {
// Animation complete.
});
}
function notgizle() {
$( ".notpopup" ).animate({
bottom: "-=308"
}, 500, function() {
// Animation complete.
});
}
</script>
</body>
</html>Hocam sizin verdiğiniz şekilde çalışmadı. Ben yukarıdaki gibi closepopup classı içeriğini ve jquerysinide aldım çalıştıramadım.
