以下是 jquery网页右下角向左弹出提示层js代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!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>jquery网页右下角向左弹出提示层</title>
<style>
*{ margin:0; padding:0; list-style:none; text-align:center;}
a{font-size:12px; color:#666; text-decoration:none;}
.zzsc{ width:260px; height:160px; background:#D8D8D8; position:fixed; right:-262px; bottom:10px;}
.zzsc .close{ width:30px; height:22px; line-height:22px;display:block; float:right;}
</style>
<script src="js/jquery.min.js"></script>
<script>
$(function (){
$('.zzsc').animate({right:'10px'},1000);
$('.zzsc .close').click(function(){
$('.zzsc').hide();
});
});
</script>
</head>
<body>
<div class="zzsc">
<a href="javascript:" class="close">关闭</a>
</div>
</body>
</html>
分享到QQ
分享到微博
微信扫一扫
