黑马程序员技术交流社区

标题: jquery怎么实现一个浮动窗口就像广告那样 [打印本页]

作者: 彭张铨 时间: 2012-10-8 21:43
标题: jquery怎么实现一个浮动窗口就像广告那样
RT找了好久没找到

作者: 彭张铨 时间: 2012-10-8 21:57
希望也来个左下角弹出窗口的方法

作者: 管海鹏 时间: 2012-10-8 22:07
思路是
使用DIV做层
CSS控制样式

JQuery控制其浮动。

作者: 董振海 时间: 2012-10-9 16:42
左下角弹窗
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
      #d
      {
         position:fixed;
         bottom: 0;
         left:0;
      }
</style>
<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script type="text/javascript">
      $(function () {
         $("#d").hide().slideDown(2000).fadeOut(4000);
      })

</script>
</head>
<body>
<div id="d">
      <img class="img" src="img/qqmsg.gif" />
</div>
</body>
</html>
通过css 将div 设置在左下角, 然后用过jquery的slideDown()和fadeOut()控制div显示和隐藏参数是时间毫秒

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2