<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" onclick="alert('客服忙,请稍候');" border=0 src="resources/kefu/bes_kefu.jpg" width=170 height=62 />
<H4>客服邮箱</H4>
<H5>support@bessystem.com<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.onscroll=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页面广告漂浮,页面,代码,以及图片真心的很详细
15.漂浮窗-小漂浮窗广告; 16.图集展示-偶尔能用到; 17.滚屏效果-手指上下滑动或鼠标滚轮滚动切换页面,可自己配一些动效!!!!!!; 18.常用表单验证; 19.左滑删除; 20.复选框全选与取消选中; 21.内容拖动!!!!!!;...
对联广告在top.asp 1024下显示,800*600下不显示,可修改为显示 漂浮广告在index.asp 07.首页热门搜索关键字后台自由设置。设为首页,加入收藏,备案号等信息后台修改。 08.头部修改 top.asp bar.asp bar1.asp ...
本款对联广告可始终漂浮在屏幕某一位置,可以手动关闭,但是点击关闭后广告并没有消失,而是至小对联状态,这样对广告商来说是比较公平的,因为广告商都不想用户把其广告关闭了,但作为浏览网站的用户来说,关闭广告...
上大学的时候,有一段时间沉迷于函数式编程,而那时候对JavaScript的理解仅仅局限在这是用来做网页的一种脚本,那些很恶心的弹出窗口和不断在页面上漂浮的黄色广告就是用JavaScript做出来的。工作之后,由于我们产品...
3.抽屉菜单,导航菜单,搜索,分页条,滑块,进度条,走马灯,评星,验证码,日历,时间设置,选中统计,图片轮播,漂浮广告,喜欢,点赞,抽奖转盘等 4.包含了界面模型、设备模型、流程元素、标注元素、交互手势等...
(13)广告管理:后台可以设置漂浮广告,对联广告以及横幅广告,并且可设置不同页面显示不同的广告 (14)告别注册机:验证码可设置中文验证码,数字求和,颜色,英文数字自由搭配的选择设置,以及图案干扰背景设置...
(13)广告管理:后台可以设置漂浮广告,对联广告以及横幅广告,并且可设置不同页面显示不同的广告 (14)告别注册机:验证码可设置中文验证码,数字求和,颜色,英文数字自由搭配的选择设置,以及图案干扰背景设置...
(13)广告管理:后台可以设置漂浮广告,对联广告以及横幅广告,并且可设置不同页面显示不同的广告 (14)告别注册机:验证码可设置中文验证码,数字求和,颜色,英文数字自由搭配的选择设置,以及图案干扰背景设置...
3、 强大的广告功能:后台功能除了基本的个人/企业管理系统,还有采集功能、管理有权限功能、广告系统(自定义生成横幅、弹窗、随屏移动、固定位置、漂浮、代码等样式;格式同时包括图片、GIF动画、文本、代码、页面...
第1章 页面特效 ...22.12 JavaScript调用Web Service 22.13 用JavaScript实现编码解码 22.14 创建带属性的对象 22.15 用prototype实现JavaScript的继承 22.16 JavaScript制作哈希表 第23章 其他技巧及特效 23.1 ...
第1章 页面特效 1.1 HTML页面反向显示 1.2 页面自动最大化 1.3 页面自动刷新 1.4 页面的后退、刷新、前进 1.5保护网页源代码 ...22.12 JavaScript调用Web Service 22.13 用JavaScript实现编码解码 22.14 创建带属性...
内容索引:脚本资源,Ajax/JavaScript,QQ客服,漂浮广告 这款网站客服代码可以浮动在网页右侧,随页面滚动而滚动,红色调,看上去非常漂亮,而且调用时候就只需一名话,除了可以拿它来做浮动的客服窗口外,还可以把它...
60.内置多种广告效果,如果漂浮,对联,背投等 61.广告可按js或iframe两种方式调用 62.可按栏目发布公告 63.有调查功能,新闻内可直接插入调查 64.代码插件,方便备案号,统计代码等代码的后台填写 65.分类可...
3、 强大的广告功能:后台功能除了基本的个人/企业管理系统,还有采集功能、管理有权限功能、广告系统(自定义生成横幅、弹窗、随屏移动、固定位置、漂浮、代码等样式;格式同时包括图片、GIF动画、文本、代码、页面...
网站固定广告/首页循环广告/弹出广告设置/漂浮广告设置/分类广告管理 网店推广管理 --> 搜索引擎登陆/文字友情连接/图片友情连接 新品快讯管理 --> 邮件初始设置/订阅邮件查看/客户邮件群发 其他设置管理 ...
【新增】PC页面右侧固定漂浮客服 【新增】触屏SEO支持 【新增】触屏页面管理,包含缓存设置及seo设置 【新增】热门关键词管理 【新增】qq登录、微信登录开关 【新增】触屏简历漂浮生成海报 【修正】社群推文营销标签...