首页 > 其他分享 >web页面漂浮广告

web页面漂浮广告

时间:2022-11-19 19:36:35浏览次数:54  
标签:web document 漂浮 move padding background font top 页面

<div id="kefuLayer" style="position:absolute;right:100px;top:100px;width:210px;height:275px; z-index:10000; border:1px solid #cdcdcd;white-space:normal;word-wrap:break-word;" >
<div class="kefutitle">客服中心</div>
<div class="kefu-01">
<H4>在线客服</H4>
<img style="cursor:pointer" οnclick="alert('客服忙,请稍候');" border=0 src="resources/kefu/bes_kefu.jpg" width=170 height=62 />
<H4>客服邮箱</H4>
<H5>[email protected]<br/>(24小时内回复)</H5>
<H4>技术客服</H4>
<H5>400-650-1976<br/>(7×24小时)</H5>
</div>
</div>
<link href="resources/kefu/kefu.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
//使层总置于顶端的初始值
var advInitTop=0;
//获取广告图片所在的层上边距的初始值
function inix(){
advInitTop=parseInt(window.document.getElementById("kefuLayer").style.top);
move();
}

//使用广告图片所在的层与滚动条同步移动
function move(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop){
diffY = document.documentElement.scrollTop;
}else if (document.body){
diffY = document.body.scrollTop;
}
document.getElementById("kefuLayer").style.top=advInitTop + parseInt(diffY) +"px";

}

//窗口的滚动事件,当页面滚动时调用move()函数
window.οnscrοll=move;
inix();
</script>
--------------------

.kefutitle {
font-size: 14px;
font-weight: bold;
color: #057e56;
background-image: url(bj_06.gif);
background-repeat: repeat-x;
background-position: left top;
height: 25px;
line-height: 25px;
text-align: center;
}

.kefu-01 {
padding-bottom: 10px;
padding-top: 10px;
margin-left:10px;
}

.kefu-01 h4 {
font-size: 12px;
font-weight: normal;
color: #000000;
line-height: 20px;
padding-top: 5px;
padding-left: 35px;
background-image: url(jt.gif);
background-repeat: no-repeat;
background-position: 15px 7px;
margin:0px;
}
.kefu-01 h5 {
font-size: 12px;
color: #000000;
font-weight: normal;
line-height: 20px;
padding-left: 35px;
padding-right: 20px;
margin:0px;
}

标签:web,document,漂浮,move,padding,background,font,top,页面
From: https://blog.51cto.com/u_15458282/5870600

相关文章

  • JavaWeb学习(五)学号自增设计起始值、优化链接为按钮
    一、NavicatPremium12设置主键自增、起始值  二、优化链接为按钮 <inputtype="button"value="学生"onclick="location.href='S_Deng_lu.jsp'"/> ......
  • java web 操作Cookie
    importjavax.servlet.http.Cookie;importjavax.servlet.http.HttpServletRequest;importjavax.servlet.http.HttpServletResponse;publicclass......
  • web网站置灰 哀悼 支持多firfox
    对于后台管理系统:html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}或者:html,div,img,span,table{filter:gray;}----......
  • java web 图片水印设置
    先将最基本的功能代码写出来packagecom.mjp.images;importjava.awt.AlphaComposite;importjava.awt.Color;importjava.awt.Font;importj......
  • layui提示框、动画、设置灰色页面
    使用layui提示框:在事件触发函数中:layer.msg(" ",{skin:"class:"类名" "}),定义的类名可以修改提示的样式,提示框还有一个最小宽度min-width,需要时可修改。css动画:在sty......
  • 页面置换算法:LRU和LFU
    目录页面置换算法简介LRU和LFU算法算法实现LRU算法题目:Leetcode.16.25思路代码实现LFU算法思路代码实现页面置换算法简介在地址映射过程中,若在页面中发现所要访问的页面......
  • CSS注册页面练习
    样式      展示      ......
  • javascript: AppleWebkit
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-e......
  • HTML CSS 注册页面练习
    样式      展示      ......
  • 自定义web3.py ETH filter
    #Event_Filters[Contract_Heromint_Address]={#'contract':Contract_NFT,#'events':{#'HeroCreated':{'filter':None,'polled':False},#......