网站目录收录网站方式:1.人工手动审核。2.自助审核(你的网站在权重3、PR4以上,挂上本站友链->点击友链->自动审核通过。)
当前位置:站长啦网站目录 » 站长资讯 » 站长新闻 » 技术文档 » 文章详细 订阅RssFeed

【代码】jquery漂浮广告代码 PC端

来源:漂浮广告代码 浏览:758次 时间:2018-10-31
简介:【代码】jquery漂浮广告代码 PC端

【代码】jquery漂浮广告代码 PC端


代码描述:常见网站中的漂浮广告代码,纯jquery语法

演示地址

点击下载



<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery漂浮广告代码-jq22.com</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<style>
</style>
</head>
<body>
<div id="imgDiv" style="position:absolute;left:50px;top:60px;">
    <div id="a" style="width:20px;height:20px;position:absolute;left:160px;background:salmon;text-align: center;">×</div>
    
    <div style="width:180px;height:180px;background:red;"> <a target="_blank" href="http://sc.chinaz.com/jiaoben/140512132610.htm" alt="jquery性感女性图片广告"><img src="http://pic2.sc.chinaz.com/Files/pic/webjs1/201405/jiaoben2320_s.jpg" alt="jquery性感女性图片广告"></a>
</div>
</div>


<script>
var xin = true,
    yin = true;
var step = 1;
var delay = 10;
var $obj;
$(function() {
    $obj = $("#imgDiv");
    var time = window.setInterval("move()", delay);
    $obj.mouseover(function() {
        clearInterval(time)
    });
    $obj.mouseout(function() {
        time = window.setInterval("move()", delay)
    });
});


function move() {
    var left = $obj.offset().left;
    var top = $obj.offset().top;
    var L = T = 0; //左边界和顶部边界
    var R = $(window).width() - $obj.width(); // 右边界
    var B = $(window).height() - $obj.height(); //下边界
    if (left < L) {
        xin = true; // 水平向右移动
    }
    if (left > R) {
        xin = false;
    }
    if (top < T) {
        yin = true;
    }
    if (top > B) {
        yin = false;
    }
    left = left + step * (xin == true ? 1 : -1);
    top = top + step * (yin == true ? 1 : -1);
    // 给div 元素重新定位
    $obj.offset({
        top: top,
        left: left
    })
}
$(function() {
    $("#a").click(function() {
        var b = $("#a").parent();
        $(b).remove();
    })
})
$("#imgDiv").draggable();
</script>


</body>
</html>




分享一下更健康,本文地址: https://top.cnzzla.com/artinfo/45071.html

推荐站点

  • 口腔溃疡口腔溃疡

    口腔溃疡发病原因如何根治快速治疗方法,什么药散贴怎么治最管用才好,吃什么水果,最简单的治疗偏方,口腔溃疡白色的是什么,宝宝孕妇儿童婴儿怎么引起的,吃维生素几含片、长期经常复发性严重怎么办最快愈合、医院挂什么科室、会传染吗缺乏什么维生素c怎么好的快、快速治疗方法、怎么快速好、一般多久自愈一分钟见效、三分钟止疼法、5个小妙招巧治口腔溃疡、小儿牙龈牙疼舌头嘴巴嘴唇溃疡症状、口腔粘膜脱落、艾滋病、口腔癌早期症状图片,西瓜霜、蜂蜜、中药治疗口腔溃疡。

    www.kqm8.com
  • 软件天堂软件天堂

    软件天堂,各种绿色软件、破解软件、去广告软件的搬运工,你的吾爱破解下载基地。以各种杀毒软件,浏览器,应用软件,单机游戏,手机软件为主,为广大软件爱好者打造软件下载和学习的乐园!

    soft.cnzzla.com
  • 男人帮-好男人休闲娱乐第一站男人帮-好男人休闲娱乐第一站

    男人帮(966383.com)-中国好男人休闲娱乐第一站!为您提供男性时尚,娱乐八卦,美女写真,两性健康,奇闻异事等男性爱看的内容,还有“青娱乐”特色栏目,打造专业的男人网站,成为你网上的男人天堂!

    966383.com
  • 51资讯网51资讯网

    51资讯网提供全面及时的资讯、房产、汽车、旅游、家装、金融、体育、医疗、物流、教育、餐饮等行业实时资讯,24小时不间断播报,让您获得最新行业信息,最新产业新闻报道。

    www.gwdh5.com
  • 今天天气今天天气

    今天天气网可以查询全国3259个城区一周天气预报、未来十五天天气预报,及时准确发布中央气象台天气信息,末来十五天天气预报、天气预报查询一周15天的查询气象报告,并且为用户提供生活指数、健康指数、交通指数、旅游指数,及各类天气预报资讯。

    www.jintiantianqi.com