对联弹窗html,悬停对联广告.html

悬停对联广告

*{margin:0;padding:0;}

img{

margin:10px auto;

display: block;

}

.ads{

width:100px;

height:500px;

background-color: orange;

position: absolute;

left:0;

top:0;

}

.ads span{

position:absolute;

left:0;

top:0;

font-size: 30px;

cursor: pointer;

}

.ad-right{

right:0;

left:auto;

}

$(function(){

var $ad = $('.ads');

var win_height = $(window).height();

var ad_height = $ad.height();

var scroll_fun = function(){

var ad_top = $(window).scrollTop()+(win_height-ad_height)/2;

$ad.stop(true).animate({top:ad_top}, 500);

}

scroll_fun();

//当窗口滚动的时候，让小广告位于窗口的垂直的中央

$(window).scroll(scroll_fun);

//当单击关闭的时候，关闭广告

$('.ads span').click(function(){

$(this).parent().hide(500);

});

})

一键复制

编辑

Web IDE

原始数据

按行查看

历史

对联弹窗html,悬停对联广告.html相关推荐

php对联广告,html左右对联代码 cms网站对联广告html代码
实现网页左右两侧居中的对联广告代码你只记得自己有好多朋友却从没想过小编只有你一人. 无标题文档 #left{ width:200px;height:450px; position:absolute; ...
添加弹窗_阻止电脑广告弹窗窗口让电脑桌面更清洁
在使用计算机上网过程中,经常会弹出一些广告弹窗,这些弹窗或者会干扰到我们的使用计算机的体验,有的则会对桌面内容进行一些遮挡,非常可恶. 那么我们怎么对广告弹窗进行拦截不让它们干扰我们使用计算机呢? 我 ...
python关键词对联_深度学习对联系统
鼠年春节临近,来试试新的基于 GPT2-Chinese 自动对联系统:自动写对联(输入开头进行对联自动生成)和自动对对联(输入上联自动写下联).老的自动对联功能是去年基于深度学习机器翻译模型上线的一个 ...
html自动写对联,css实现的对联广告代码
css 代码 .couplet_ad /* 底部固定*/{position:fixed;bottom:auto; top:0; width: 120px; height: 230px; z-index ...
html弹窗_对付流氓广告弹窗：彻底告别，这一招最有效
关注我们,获取更多精品资源哦现如今,只要我们在使用电脑或者移动设备,都会有这样的瞬间:用着用着,突然之后弹出了一个广告(PS:双11快到了哦)!所以,今天小编为大家带来了一款对付流氓广告弹窗最有效的方 ...
python拦截广告弹窗_selenium+python处理广告弹窗
1. 背景在使用浏览器渲染技术爬取网站信息时,经常会遇到一些弹出框(广告,警告框,验证码,登录窗口等)的干扰.一般来说,当这些窗口弹出时,就无法操作原始页面. 不同的弹出框有不同的处理方案: 广告: ...
计算机系的对联,首个计算机对联系统问世
吟诗作对,这一文人雅士的专长计算机也学会了,而且还成了"绝顶高手".日前,微软亚洲研究院在该院周明主任研究员指导下,北大.北航的学生通力合作,完成了世界上第一个人工智能型中文自动对 ...
适合学计算机的对联,关于学习的对联大全
很多人们在读书的时候都会写几幅一些比较好听的学习对联,而关于这点上大家可是知道如何去写比较好吗?,对此关于学习的对联大全有哪些?下面一起来看看吧. 关于学习的对联大全关于学习的对联精选喜有两眼明, ...
计算机学院元旦晚会对联,元旦联欢会教室对联
元旦联欢会教室对联对联,中国的传统文化之一,又称楹联或对子,是写在纸.布上或刻在竹子.木头.柱子上的对偶语句.对联对仗工整,平仄协调,是一字一音的`中华语言独特的艺术形式.对联是中国传统文化瑰宝.以 ...

对联弹窗html,悬停对联广告.html

对联弹窗html,悬停对联广告.html相关推荐

最新文章

热门文章