联系我们悬浮代码(网站悬浮代码)
admin 发布:2022-12-19 22:56 156
本篇文章给大家谈谈联系我们悬浮代码,以及网站悬浮代码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
- 1、去想在自己的网站上添加客户咨询的悬浮窗口怎么添加是不是获取代码后加进自己的网站就可
- 2、网站中视频悬浮代码是什么
- 3、寻求QQ空间悬浮代码
- 4、网页悬浮图片怎么写代码?
- 5、页面悬浮广告代码
- 6、求网站jq右侧客服悬浮窗代码
去想在自己的网站上添加客户咨询的悬浮窗口怎么添加是不是获取代码后加进自己的网站就可
如果是像页面广告那样的悬浮窗,从网上down一个html+css代码拷贝到前端页面中就可以了,如果要实现客户咨询聊天这样的功能,就需要与后台进行交互,单纯用html+css只能控制弹出一个窗口,通信一般是通过ajax或者activeX来实现的,此时后台需要有交互的代码。还有一种是通过公用的联系方式如QQ这种也是只用拷贝代码就可以的。
网站中视频悬浮代码是什么
在你的网站主目录建立JS文件,再建立一个JS文件(如ad-01.js)
打开文本将下面代码复制到其中,保存格式为js
function initEcAd() {
document.all.AdLayer1.style.posTop = -200;
document.all.AdLayer1.style.visibility = 'visible'
document.all.AdLayer2.style.posTop = -200;
document.all.AdLayer2.style.visibility = 'visible'
MoveLeftLayer('AdLayer1');
MoveRightLayer('AdLayer2');
}
function MoveLeftLayer(layerName) {
var x = 5;
var y = 100;// 左侧广告距离页首高度
var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = parseInt(y)");
eval("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer1');", 20);
}
function MoveRightLayer(layerName) {
var x = 5;
var y = 100;// 右侧广告距离页首高度
var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = y");
eval("document.all." + layerName + ".style.posRight = x");
setTimeout("MoveRightLayer('AdLayer2');", 20);
}
document.write("div id=AdLayer1 style='position: absolute;visibility:hidden;z-index:1'a href='http://你链接的网址' target='_blank'img src=你链接的图片 border='0'/a/div"
+"div id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'a href='http://你链接的网址' target='_blank'img src=你链接的图片 border='0'/a/div");
initEcAd()
// JavaScript Document
还没结束呢,,然后将 script src="js/ad-01.js" language="JavaScript"/script放在body中。就OK
把img src=你链接的图片 border='0'改为视频代码
寻求QQ空间悬浮代码
2008年2月20日更新透明FLASH效果的漂浮代码[效果自己试试看]
下面6款代码均可以通过调整数字350,80,500,600来调整效果的位置!
javascript:window.top.space_addItem(16,23729,350,80,500,600,0);
javascript:window.top.space_addItem(16,23727,350,80,500,600,0);
javascript:window.top.space_addItem(16,23725,350,80,500,600,0);
javascript:window.top.space_addItem(16,23732,350,80,500,600,0);
javascript:window.top.space_addItem(16,23734,350,80,500,600,0);
javascript:window.top.space_addItem(16,23736,350,80,500,600,0);
2008年1月16日更新透明FLASH效果的漂浮代码[效果自己试试看]
下面9款代码均可以通过调整数字350,80,500,600来调整效果的位置!
javascript:window.top.space_addItem(16,23212,350,80,500,600,0);
javascript:window.top.space_addItem(16,23214,350,80,500,600,0);
javascript:window.top.space_addItem(16,23216,350,80,500,600,0);
javascript:window.top.space_addItem(16,23226,350,80,500,600,0);
javascript:window.top.space_addItem(16,23228,350,80,500,600,0);
javascript:window.top.space_addItem(16,23230,350,80,500,600,0);
javascript:window.top.space_addItem(16,23232,350,80,500,600,0);
javascript:window.top.space_addItem(16,23234,350,80,500,600,0);
javascript:window.top.space_addItem(16,23236,330,80,600,600,0);
2007年12月28日更新代码
菊花台
javascript:window.top.space_addItem(16,22099,300,80,500,500,0);
浪漫满屋
javascript:window.top.space_addItem(16,22101,300,80,500,500,0);
奇幻花园
javascript:window.top.space_addItem(16,22103,300,80,500,500,0);
让爱做主
javascript:window.top.space_addItem(16,22105,300,80,500,500,0);
个性公主
javascript:window.top.space_addItem(16,22097,50,80,250,250,0);
2007年12月11日更新代码
爱情天使多个
正飘代码:javascript:window.top.space_addItem(5,1097,0,0,4,0,0);
反飘代码:javascript:window.top.space_addItem(5,1097,0,1,4,0,0);
爱情天使单个
正飘代码:javascript:window.top.space_addItem(5,1097,0,0,1,0,0);
反飘代码:javascript:window.top.space_addItem(5,1097,0,1,1,0,0);
彩色字母漂浮圈圈
正飘代码:javascript:window.top.space_addItem(5,1816,0,0,5,0,0);
正飘代码:javascript:window.top.space_addItem(5,1816,0,1,5,0,0);
爱心草彩色版
正飘代码:javascript:window.top.space_addItem(5,609,0,0,7,1,0);
反飘代码:javascript:window.top.space_addItem(5,609,0,1,7,1,0);
H圆圈漂浮
正飘代码:javascript:window.top.space_addItem(5,1816,0,0,1,0,0);
反飘代码:javascript:window.top.space_addItem(5,1816,0,1,1,0,0);
爱心草绿色版
正飘代码:javascript:window.top.space_addItem(5,609,0,0,0,1,0);
反飘代码:javascript:window.top.space_addItem(5,609,0,1,0,1,0);
QQ空间免费漂浮物代码来自24QQ空间()
:
网页悬浮图片怎么写代码?
左侧悬浮代码如下:
div style="position:absolute;width:110px;height:455px;top:150px;left:0px;" id="lefimg"img border="0" src="../图片名" width="图片宽度" height="图片高度" //div
script language="JavaScript"
!--
lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("lefimg").style.top=parseInt(document.getElementById("lefimg").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
//alert(lastScrollY);
}
window.setInterval("heartBeat()",1);
// --
/script
图片高度和宽度用数字代替即可,层的宽度和高度可自定义
将如上代码加入到网页的/body前即可
页面悬浮广告代码
脚本说明:
把如下代码加入body区域中
SCRIPT FOR=window EVENT=onload LANGUAGE="JavaScript"
initAd();//载入页面后,调用函数initAd()
/SCRIPT
script language="JavaScript"
!--
function initAd() {
document.all.AdLayer.style.posTop = -200;
//设置onLoad事件激发以后,广告层相对于固定后的y方向位置
document.all.AdLayer.style.visibility = 'visible'//设置层为可见
MoveLayer('AdLayer');//调用函数MoveLayer()
}
function MoveLayer(layerName) {
var x = 600;//浮动广告层固定于浏览器的x方向位置
var y = 300;//浮动广告层固定于浏览器的y方向位置
var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = y");
eval("document.all." + layerName + ".style.posLeft = x");//移动广告层
setTimeout("MoveLayer('AdLayer');", 20);//设置20毫秒后再调用函数MoveLayer()
}
//--
/script
!--下面为一个ID为AdLayer的层(如ID名不为AdLayer,
上面MoveLayer()内的AdLayer也要作相应修改),包括一张带链接的图片--
div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 600px; top: 300px'
a href=""img src='' border="0" height="31" width="88"/a
/div
求网站jq右侧客服悬浮窗代码
body
div style="height:10000px;"/div
div class="suspension"
div class="suspension-box"
a href="#" class="a a-service "i class="i"/i/a
a href="javascript:;" class="a a-service-phone "i class="i"/i/a
a href="javascript:;" class="a a-qrcode"i class="i"/i/a
a href="#" class="a a-cart"i class="i"/i/a
a href="javascript:;" class="a a-top"i class="i"/i/a
div class="d d-service"
i class="arrow"/i
div class="inner-box"
div class="d-service-item clearfix"
a href="#" class="clearfix"span class="circle"i class="i-qq"/i/spanh3咨询在线客服/h3/a
/div
/div
/div
div class="d d-service-phone"
i class="arrow"/i
div class="inner-box"
div class="d-service-item clearfix"
span class="circle"i class="i-tel"/i/span
div class="text"
p服务热线/p
p class="red number"4001-123-456/p
/div
/div
div class="d-service-intro clearfix"
pi/i功能和特性/p
pi/i价格和优惠/p
pi/i获取内部资料/p
/div
/div
/div
div class="d d-qrcode"
i class="arrow"/i
div class="inner-box"
div class="qrcode-img"img src="images/side_ewm.jpg" alt=""/div
p微信服务号/p
/div
/div
/div
/div
script type="text/javascript" src="js/jquery-1.7.2.min.js"/script
script type="text/javascript"
$(document).ready(function(){
/* ----- 侧边悬浮 ---- */
$(document).on("mouseenter", ".suspension .a", function(){
var _this = $(this);
var s = $(".suspension");
var isService = _this.hasClass("a-service");
var isServicePhone = _this.hasClass("a-service-phone");
var isQrcode = _this.hasClass("a-qrcode");
if(isService){ s.find(".d-service").show().siblings(".d").hide();}
if(isServicePhone){ s.find(".d-service-phone").show().siblings(".d").hide();}
if(isQrcode){ s.find(".d-qrcode").show().siblings(".d").hide();}
});
$(document).on("mouseleave", ".suspension, .suspension .a-top", function(){
$(".suspension").find(".d").hide();
});
$(document).on("mouseenter", ".suspension .a-top", function(){
$(".suspension").find(".d").hide();
});
$(document).on("click", ".suspension .a-top", function(){
$("html,body").animate({scrollTop: 0});
});
$(window).scroll(function(){
var st = $(document).scrollTop();
var $top = $(".suspension .a-top");
if(st 400){
$top.css({display: 'block'});
}else{
if ($top.is(":visible")) {
$top.hide();
}
}
});
});
/script
/body
关于联系我们悬浮代码和网站悬浮代码的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
相关推荐
- 05-19建立网站,如何建立网站
- 05-19seo免费优化网站,seo网站优化软件
- 05-19网站设计模板,网站设计模板网站
- 05-19国内好的seo网站,好的seo平台
- 05-19做网站公司,做网站公司电话
- 05-19如何推广网站,如何推广网站让客户下单
- 05-19如何做网站,如何做网站网页
- 05-19广东网站seo,广东网站制作
- 05-19网站如何优化一个关键词,怎么优化一个网站关键词
- 05-19seo网站,seo网站是什么意思
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接