文档章节

jquery 漂浮图片广告代码 兼容 精简版.

pureboys
 pureboys
发布于 2014/06/22 13:51
字数 207
阅读 643
收藏 9
(function($){$.fn.floatAd=function(options){var defaults={imgSrc:"",url:"",openStyle:1,speed:10};var options=$.extend(defaults,options);var _target=options.openStyle==1?"target='_blank'":'';var html="<div id='float_ad' style='position:absolute;left:0px;top:0px;z-index:1000000;cleat:both;'>";html+="  <a href='"+options.url+"' "+_target+"><img src='"+options.imgSrc+"' border='0' class='float_ad_img'/></a>";html+="</div>";$('body').append(html);function init(){var x=0,y=0;var xin=true,yin=true;var step=1;var delay=10;var obj=$("#float_ad");obj.find('img.float_ad_img').load(function(){var float=function(){var L=T=0;var OW=obj.width();var OH=obj.height();var DW=$(document).width();var DH=$(document).height();x=x+step*(xin?1:-1);if(x<L){xin=true;x=L}if(x>DW-OW-1){xin=false;x=DW-OW-1}y=y+step*(yin?1:-1);if(y>DH-OH-1){yin=false;y=DH-OH-1}if(y<T){yin=true;y=T}var left=x;var top=y;obj.css({'top':top,'left':left})};var itl=setInterval(float,options.speed);$('#float_ad').mouseover(function(){clearInterval(itl)});$('#float_ad').mouseout(function(){itl=setInterval(float,options.speed)})})}init()}})(jQuery);
    
$(document).ready(function(){
        $(function(){
            $("body").floatAd({
                imgSrc : '图片地址',
                url:'链接地址'
            });
        })
});


本文转载自:http://hi.baidu.com/burnwing/item/065a5e872893d451e73d1956

共有 人打赏支持
pureboys
粉丝 11
博文 155
码字总数 11406
作品 0
青岛
程序员
jQuery 1.7增加了对html5的支持

切图网(www.qietu.com)讯:jQuery最新版本添加了对html5的支持,发布的版 本号为jQuery1.7。 jQuery对我们来说一点也不陌生,作为一个第三发的js插件,影响程度居然影响了整个javascript书...

tyshymy
2012/02/06
0
0
手把手教你怎么写jQuery插件

[原创作品]手把手教你怎么写jQuery插件   这次随笔,向大家介绍如何编写jQuery插件。啰嗦一下,很希望各位IT界的‘攻城狮’们能和大家一起分享,一起成长。点击左边我头像下边的“加入qq群...

什么是程序员
2015/07/08
0
2
jQuery零基础入门——(一)初识jQuery

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,补充了个人的理解和日常遇到的点,主干出处来自廖雪峰老师的技术分享。 大家好,欢迎来到我们新的课程。应部分读者的要求,为满足...

JandenMa
06/29
0
0
artDialog原生版与jquery有什么区别

问题描述 下载完artDialog发现了很多文件,而且据说artDialog有原生版和jquery,这两个版本有什么区别,使用时有什么不同吗? 解答 在artDialog的首页说明中写道: 它的消息容器甚至能够根据...

justjavac
2012/07/30
0
0
从零开始学 Web 之 jQuery(一)jQuery的概念,页面加载事件

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN...

fengdaoting
07/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

基于TP5的微信的公众号获取登录用户信息

之前讲过微信的公众号自动登录的菜单配置,这次记录一下在TP5项目中获取自动登录的用户信息并存到数据库的操作 基本的流程为:微信设置自动登录的菜单—>访问的URL指定的函数里获取用户信息—...

月夜中徘徊
54分钟前
0
0
youTrack

package jetbrains.teamsys.license.runtime; 计算lis package jetbrains.ring.license.reader; 验证lis 安装后先不要生成lis,要把相关文件进行替换 ring-license-checker-1.0.41.jar char......

max佩恩
57分钟前
0
0
12.17 Nginx负载均衡

Nginx负载均衡 下面的dig看到可以返回2个IP,就是解析出来的IP,这样我们可以做负载均衡。 dig www.qq.com 1.vim /usr/local/nginx/conf/vhost/fuzai.conf 2.添加如下配置 upstream qq //定义...

芬野de博客
今天
0
0
SSE(Server Send Event 服务端发送事件)

package com.example.demo.controller;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;import org.springframe......

Canaan_
今天
0
0
jvm调优

1.jvm运行模式 client模式:启动快,占用内存少,jit编译器生成代码的速度也更快. server模式:主要优势在于代码优化功能,这个功能对于服务器应用而言尤其重要. tiered server模式:结合了client与...

Funcy1122
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部