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

访客8年前 (2017-09-08)javaScript8697

效果:图片.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'

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

分享给朋友:

相关文章

揭秘!如何用一句话找到你的一万微友

 玩微商一年半的时间了,现在的微商如火如荼,很多刚进入微商行业的伙伴都在烦恼一个问题,那就是粉丝、粉丝,我最近调查了身边30多个微友,有25个竟然都是好友问题,有的竟然给我说主动加了50多个...

js限制input只能输入数字、英文、汉字

 1.只能输入数字和英文的:  <input onkeyup="value=value.replace(/[\W]/g,'') "...

get方式调用http接口   Header赋参数值

get方式调用http接口 Header赋参数值

   /**      195.     * 发送...

JS或Jquery获取浏览器URL的参数值 汉字值乱码 并转码

JS或Jquery获取浏览器URL的参数值 汉字值乱码 并转码

1、获取url很简单,代码如下:     window.location.href;2、jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么...

竟然可以这样打扮!女人呆了!男人痴了!

来个轻松点的哇,惊呆了,肯定贵不了,立刻去瞅瞅...

谈话让别人舒服的程度,决定你成功的高度

职场上,有这样两种截然相反的人:有人生怕别人舒服,尽量让别人不舒服,而只要自己舒服就行;还有一类人生怕别人不舒服,尽量让别人舒服,哪怕委屈自己。猎头公司猎聘的老总有几十万年薪的,也有几百万的,甚至有过...

发表评论

访客

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