当前位置:首页 > 代码 > 正文

联系我们悬浮代码(网站悬浮代码)

admin 发布:2022-12-19 22:56 156


本篇文章给大家谈谈联系我们悬浮代码,以及网站悬浮代码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

去想在自己的网站上添加客户咨询的悬浮窗口怎么添加是不是获取代码后加进自己的网站就可

如果是像页面广告那样的悬浮窗,从网上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站长 原创,转载请注明出处和附带本文链接;

本文地址:http://ahzz.com.cn/post/28832.html


取消回复欢迎 发表评论:

分享到

温馨提示

下载成功了么?或者链接失效了?

联系我们反馈

立即下载