jquery实现飘窗(飘动图片) 插件bay-window.js

访客9年前 (2017-09-08)javaScript9538

效果:图片.png

   1.js及css部分:

    <script type="text/javascript" src="/js/jquery.bay-window.js"></script>
    <style type="text/css">
        /* 给飘窗添加一些基础样式,如宽度,高度和背景颜色等等 */
        #bay{
            width: 420px;
            height: 250px;
            z-index:99999999;
        }
        body{background-color: #F4F4F4}
    </style>

  2.html页面:

<!-- 飘窗元素 -->
<a href="#"><img id="bay" src="images/piao.jpg" /></a>


3.插件启用:

<script  type="text/javascript">
  //测试插件
  $('#bay').autoMove({angle:-Math.PI/4, speed:200});

</script>

官网下载源码

注意事项:


 插件中 使用了绝对位置,若想图片随着浏览器的显示一值滚动,可将
$(this).css({position: 'absolute', left: setobj['startL']+'px', top: setobj['startT']+'px'});

里的position: 'absolute',改为   position: 'fixed'

本文原创,转载必追究版权。

分享给朋友:

相关文章

我差不多是个废人了,感觉身体被掏空

林心如跟霍建华都结婚了,滴滴跟优步都在一起了。我们也应该抱住了吧? 终于8月了,超吃点吧,再一咬牙,坚持一下吧,马上秋天到了,就可以又能马上把肥肉藏起来了。 在这里迫不及待教大家一个夏天过后...

樊山越玲 一周年

樊山越玲 一周年

2015-12-25樊先森:周末有约吗?玲玲:有约,不过也得先以你为主啊。樊先森:昂,这样说我还挺开心的。2015-3-26玲玲:亲爱的,苹果是你买的吗?已经收到了,谢谢老公玲玲:有点小惊喜樊先森:那...

java 实现自增编号+Oracle序列

原理:a,a++,fillStr(a, 9, false, "0");新建序列:create sequence seq_lineminvalue 1maxvalue 9999999...

MySQL、Oracle数据库字段分别设置默认系统时间

MySQL设置方法:1、将字段类型设为  TIMESTAMP 2、将默认值设为  CURRENT_TIMESTAMPMySQL 脚本实现用例--添加CreateTime 设置默认时...

org.apache.subversion.javahl.ClientException: ¾ܾø·ÃÎʡ£ svn: Can't move 'E:\workspace\TourMarkets\.

org.apache.subversion.javahl.ClientException: ¾ܾø·ÃÎʡ£  svn: Can't move 'E:\workspace\T...

看了《欢乐颂》,才知道什么是真正的教养!

看了《欢乐颂》,才知道什么是真正的教养!

中国人一直讲究“穷养儿富养女”。然而我们发现,在现实生活中,甭管是儿子还是女儿,很多父母都采用“富养”的方式。为孩子创造良好的物质条件,宁可苦自己也不能苦孩子,自己可以衣衫褴褛,孩子必须披金戴银。比如...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。