浮动在网页右侧的简洁QQ在线客服.txt看一个人的的心术,要看他的眼神;看一个人的身价,要看他的对手;看一个人的底牌,要看他的朋友。明天是世上增值最快的一块土地,因它充满了希望。浮动在网页右侧的简洁QQ在线客服
分类标签:QQ客服更新时间:2009-05-24 阅读次数:
这是一个简洁版的QQ在线客服,其实重要的是这个JS函数,只要有了这个JS函数,实际上你完全可以写一个这样的在线客服,它是用JS+CSS去控制层的隐藏与展开。注意代码中的QQ号记着要改一下哦。
.qqbox a:link {
color: #000;
text-decoration: none;
}
.qqbox a:visited {
color: #000;
text-decoration: none;
}
.qqbox a:hover {
color: #f80000;
text-decoration: underline;
}
.qqbox a:active {
color: #f80000;
text-decoration: underline;
}
.qqbox{
width:132px;
height:auto;
overflow:hidden;
position:absolute;
right:0;
top:100px;
color:#000000;
font-size:12px;
letter-spacing:0px;
}
.qqlv{
width:25px;
height:256px;
overflow:hidden;
position:relative;
float:right;
z-index:50px;
}
.qqkf{
width:120px;
height:auto;
overflow:hidden;
right:0;
top:0;
z-index:99px;
border:6px solid #138907;
background:#fff;
}
.qqkfbt{
width:118px;
height:20px;
overflow:hidden;
background:#138907;
line-height:20px;
font-weight:bold;
color:#fff;
position:relative;
border:1px solid #9CD052;
cursor:pointer;
text-align:center;
}
.qqkfhm{
width:112px;
height:22px;
overflow:hidden;
line-height:22px;
padding-right:8px;
position:relative;
margin:3px 0;
}
.bgdh{
width:102px;
padding-left:10px;
}
function showandhide(h_id,hon_class,hout_class,c_id,totalnumber,activeno) {
var h_id,hon_id,hout_id,c_id,totalnumber,activeno;
for (var i=1;i<=totalnumber;i++) {
document.getElementById(c_id+i).style.display='none';
document.getElementById(h_id+i).className=hout_class;
}
document.getElementById(c_id+activeno).style.display='block';
document.getElementById(h_id+activeno).className=hon_class;
}
var tips;
var theTop = 40;
var old = theTop;
function initFloatTips()
{
tips = document.getElementById('divQQbox');
moveTips();
}
function moveTips()
{
var tt=50;
if (window.innerHeight)
{
pos = window.pageYOffset
}else if (document.documentElement && document.documentElement.scrollTop) {
pos = document.documentElement.scrollTop
}else if (document.body) {
pos = document.body.scrollTop;
}
pos=pos-tips.offsetTop+theTop;
pos=tips.offsetTop+pos/10;
if (pos < theTop){
pos = theTop;
}
if (pos != old) {
tips.style.top = pos+"px";
tt=10; //alert(tips.style.top);
}
old = pos;
setTimeout(moveTips,tt);
}
initFloatTips();
if(typeof(HTMLElement)!="undefined") //firefox定义contains()方法,ie下不起作用
{
HTMLElement.prototype.contains=function (obj)
{
while(obj!=null&&typeof(obj.tagName)!="undefind"){
if(obj==this) return true;
obj=obj.parentNode;
}
return false;
}
}
function show()
{
document.getElementById("meumid").style.display="none"
document.getElementById("contentid").style.display="block"
}
function hideMsgBox(theEvent){
if (theEvent){
var browser=https://www.wendangku.net/doc/c89196770.html,erAgent;
if (browser.indexOf("Firefox")>0){ //如果是Firefox
if
(document.getElementById("contentid").contains(theEvent.relatedTarget)) {
return
}
}
if (browser.indexOf("MSIE")>0 || browser.indexOf("Presto")>=0){ if (document.getElementById('contentid').contains(event.toElement)) { return;
}
}
}
document.getElementById("meumid").style.display = "block";
document.getElementById("contentid").style.display = "none";
}
Dreamweaver代码div+css Dreamweaver代码 基本结构标签: ,表示该文件为HTML文件
,包含文件的标题,使用的脚本,样式定义等,分段标志 ,采用黑体字 ,采用斜体字
属性是用来修饰标志的,属性放在开始标志内. 例:属性bgcolor="BLACK"表示背景色为黑色. 引用属性的例子:
表示页面背景色为黑色;Dreamweaver 8 基础代码 HTML基本结构(每个网页都是在基本结构的基础上添加内容的) ---------网页文件开始标签
--------头部元素开始标签网站宽度、广告、banner、logo 在不同分辨率上的标准尺寸 1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。 2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间。就不会出现水平滚动条和垂直滚动条。 3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右 4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象。 页面标准按800*600分辨率制作,实际尺寸为778*434px 页面长度原则上不超过3屏,宽度不超过1屏 每个标准页面为A4幅面大小,即8.5X11英寸 全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为 88*31px 另外120*90,120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K 标准网页广告尺寸规格一、120*120,这种广告规格适用于产品或新闻照片展示。 二、120*60,这种广告规格主要用于做LOGO使用。 三、120*90,主要应用于产品演示或大型LOGO。 四、125*125,这种规格适于表现照片效果的图像广告。 五、234*60,这种规格适用于框架或左右形式主页的广告链接。 六、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。 七、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。
1. 左栏浮动广告 QUOTE: 2.右栏浮动广告 QUOTE: 3.左栏固定广告 QUOTE:
推荐↓ | 网页设计试题及html代码2.2.3 字型设置标记 功能:设置文字的风格,如黑体、斜体、带下划线等,这是一组标记,它们可以单独使用,也可以混合使用产生复合修饰效果。常用的标记有以下一些: … :文字以粗体显示。 … :文字显示为斜体。 … :显示下划线。 在线客服代码QQ、阿里旺旺、淘宝、MSN在线状态代码 如何在网页上显示腾讯QQ/MSN/旺旺在线洽谈? 1.QQ在线咨询代码 (qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码) (将66757924换成你的号码,site后面换成你的网站就可以了) < img border="0" SRC=https://www.wendangku.net/doc/c89196770.html,/pa?p=1:66757924:6 alt="点击这里给我发消息 " align="absmiddle"> 更多的生成显示QQ在线状态的代码,请查看腾讯官方网站 https://www.wendangku.net/doc/c89196770.html,/webpresence/code.shtml 你只需要填写你的号码,网站名称以及提示就可以点击生成就可以生成QQ在线状态的代码,拷贝生成的代码加入网页即可 2.阿里巴巴旺旺在线状态代码生成,cardlanok改成你的ID就行了,还有alt改成你的内容 更多的阿里巴巴旺旺在线状态代码生成样式,请查看阿里巴巴官方网站 https://www.wendangku.net/doc/c89196770.html,/help/wangwang/wangwang_0628_04.php 3.skype在线状态代码生成 将yisung换成你的skype ID就可以了,需要在skype个人账户里设置对任何人显示状态 更多的skype在线状态代码生成样式,请查看skype的官方网站 https://www.wendangku.net/doc/c89196770.html,/share/buttons/ 4.如何生成MSN在线状态代码,可以设置自定义显示图片,不过检测速度有点慢,另外一部分人在msn的配置中,设置了不加好友就不显示在线。这是为了个人隐私保护,但这样会显示状态未知或者离线。如果你不介意别人看到你,就开启那个选项就好了。 msnim:chat?contact=用户帐号 //建立对话 常用网页漂浮广告代码常用网页漂浮广告代码 代码: 1. <body bgcolor="#F7F7F7"> <!--图片漂浮广告代码开始--> <div id="www_qpsh_com" style="position:absolute"> <!--链接地址--><a href="链接地址" target="_blank"> <!--图片地址--><img src="图片地址" border="0"> </a> </div> <script> var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 10 var obj=document.getElementById("www_qpsh_com") function floatwww_qpsh_com() { var L=T=0 var R= document.body.clientWidth-obj.offsetWidth var B = document.body.clientHeight-obj.offsetHeight obj.style.left = x + document.body.scrollLeft obj.style.top = y + document.body.scrollTop x = x + step*(xin?1:-1) if (x < L) { xin = true; x = L} if (x > R){ xin = false; x = R} y = y + step*(yin?1:-1) if (y < T) { yin = true; y = T } if (y > B) { yin = false; y = B } } var itl= setInterval("floatwww_qpsh_com()", delay) obj.onmouseover=function(){clearInterval(itl)} obj.onmouseout=function(){itl=setInterval("floatwww_qpsh _com()", delay)} </script> <!--图片漂浮广告代码结束--> </body> 2. <body bgcolor="#F7F7F7"> <!--图片漂浮广告代码开始--> <div id="www_qpsh_com" style="position:absolute"> <!--链接地址--><a href="链接地址" 网页制作-常用JS代码汇集把如下代码加入 区域中: 后退前进 返回 查看源码 禁止查看源码 刷新按钮一 刷新按钮二 回首页按钮 弹出警告框 状态栏信息 背景色变换 打开新窗口 窗口最小化 |
网页制作经验编写高效 率的H T M L网页代码 Document serial number【UU89WT-UU98YT-UU8CB-UUUT-UUT108】
许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误,甚至常看到有人在抱怨其网站排名不理想,到其网站简单看一下便可发现 HTML代码中充斥各种各样的错误,在那样的代码基础上无论付出多少努力去优化网站结果都可能是付诸流水的啊!事实上,IE是一款对HTML代码容错能力甚高的的浏览器,——说句题外话,尽管我们可以有各式各样的理由可以攻击微软,但微软对其产品操作的易手性及可用性方面所做的努力是不容抹杀的。——Web页面能够在IE下正常显示绝不意味着页面的HTML代码没有问题,甚至可以推而广之,Web页面在多种浏览器下均可正常显示也不意味着HTML代码完全合法有效,毕竟哪个浏览器都要保证基本的容错的功能,不然,就会发生即使仅仅因为网络传输中的一点导致导致 HTML页面显示不正常了,而这在网络带宽仍然紧张的今天仍是频繁发生的。什么是合法有效的HTML代码 简单说来,我们的Web页面是由HTML(Hypertext Markup Language :超文本链接标示语言)元素构成的,即使对于ASP、PHP之类的动态页面,其也是由SERVER将ASP或PHP语句渲染成相应的HTML元素并下传到客户机上;对于JavaScript之类则由客户端将其转换为HTML。 同其他语言一样,HTML也有自己的语法规则,无论是浏览器还是搜索引擎的Spider都在根据这些规则来分析网页代码中的内容。但很多时候,即使对熟练人员来说,在HTML页面构建时仍然难免出些HTML代码上的错误,更别提大部分所见即所得编辑器造成的HTML冗余臃肿问题了。
50个网页常用小代码 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
no |
网页设计与制作 一、HTML基本语言: 基本语法:(如图) ....:表示HTML文档的开始和结束
…:表示HTML文档的头部。最常用的标记是标题标记属性:(如表) ⑵.版面格式标记 ①.分段与换行:(如表) ②.文本对齐标记 可以在标记中使用align属性指定文本对齐方式。另外,居中对齐可以通过居中对齐方式进行设置。 格式:
1.如何在网页上显示腾讯QQ在线洽谈? QQ在线咨询代码(qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码) (将123456换成你的号码,site后面换成你的网站就可以了) 2.阿里巴巴旺旺 阿里巴巴贸易通在线状态代码生成,mengzhisui改成你的ID就行了,还有ALT改成你的内容 3、阿里旺旺在线生成状态
在这里可以把代码中的粗体 mengzhisui换成你的旺旺ID即可,下面的有问题XX 可以换成任意你想要鼠标放在上面的显示。 4、在线制作 5、Trademanager在线生成状态 有二种风格,href的最后数字可换风格