CSS3画腾讯QQ图标 无图片和js参考
css代码：
body {
font: 12px Tahoma,arial,sans-serif;
margin:;
padding:;
}
#mask {
left:;
opacity: 0.2;
position: absolute;
top:;
}
header {
color: #666;
font-family: 'Segoe UI Light','Segoe UI','Microsoft Jhenghei','微软雅黑',sans-serif;
font-size: 50px;
margin-top: 50px;
text-align: center;
}
.con {
display: block;
height: 400px;
margin: 30px auto 0;
position: relative;
width: 840px;
}
#qq,#qqnv{
display: block;
height: 400px;
float:left;
position: relative;
width: 420px;
}
.headflower {
background: none repeat scroll 0 0 ;
/*border: 1px solid #fb0009;*/
/*border-radius: 117px / 117px 117px 68px 68px;*/
position: absolute;
top: -20px;
left: 210px;
width: 108px; height: 65px;
z-index:;
}
.hdj1 {
background: none repeat scroll 0 0 #FF59A1;
border: 1px solid #000;
border-top-left-radius:80%;
border-top-right-radius:50%;
border-bottom-left-radius: 50%;
border-bottom-right-radius:50%;
width:30px;
height:45px;
position:absolute;
left:0px;top:0px;
transform: rotate(-50deg);
transform-origin: 50% 50% 0;
z-index:;
}
.hdj2 {
background: none repeat scroll 0 0 #FF59A1;
border: 1px solid #000;
border-top-left-radius:50%;
border-top-right-radius:50%;
border-bottom-left-radius:80% 30px;
border-bottom-right-radius:10px;
width:30px;
height:45px;
position:absolute;
left:10px;top:0px;
transform: rotate(60deg);
transform-origin: -30% 50% 0;
z-index:;
}
.hdj3 {
background: none repeat scroll 0 0 #FF59A1;
border: 1px solid #000;
border-top-left-radius:50%;
border-top-right-radius:50%;
border-bottom-left-radius: 50%;
border-bottom-right-radius:50%;
width:30px;
height:45px;
position:absolute;
left:50px;top:0px;
transform: rotate(50deg);
transform-origin: 50% 50% 0;
z-index:;
}
.hdj4 {
background: none repeat scroll 0 0 #FF59A1;
border: 1px solid #000;
border-top-left-radius:50%;
border-top-right-radius: 10px;
border-bottom-left-radius: 50%;
border-bottom-right-radius:50%;
width:30px;
height:45px;
position:absolute;
left:50px;top:20px;
transform: rotate(100deg);
transform-origin: 50% 50% 0;
z-index:;
}
.hdj{
background: none repeat scroll 0 0 #FF59A1;
border: 1px solid #000;
/*border-radius: 117px / 117px 117px 68px 68px;*/
border-top-left-radius:80% 33px;
border-top-right-radius:20px;
border-bottom-left-radius:20px 33px;
border-bottom-right-radius:10px;
width:25px;
height:30px;
position:absolute;
left:30px;top:15px;
z-index:;
}
.head {
background: none repeat scroll 0 0 #000;
border: 1px solid #000;
border-radius: 117px / 117px 117px 68px 68px;
height: 185px;
left: 96px;
position: absolute;
top: 18px;
width: 234px;
z-index:;
}
.eye {
background: none repeat scroll 0 0 #fff;
border: 1px solid #000;
border-radius: 50%;
height: 66px;
position: absolute;
width: 44px;
}
/*女qq*/
.eyenv {
/*background: none repeat scroll 0 0 #fff;*/
background: -moz-linear-gradient(left center , #FF59A1, white 50%, #FF59A1) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #000;
border-radius: 50%;
height: 66px;
position: absolute;
width: 44px;
}
.eye2{
background: none repeat scroll 0 0 #fff;
border-radius: 50%;
height: 55px;
position: absolute; left:; bottom:;
width: 44px;
}
.left.eye {
left: 62px;
top: 50px;
}
.right.eye {
left: 123px;
top: 50px;
}
/*女qq*/
.left.eyenv {
left: 62px;
top: 50px;
}
.right.eyenv {
left: 123px;
top: 50px;
}
.innerLeftEye {
background: none repeat scroll 0 0 #000;
border: 1px solid #000;
border-radius: 50%;
height: 24px;
left: 20px;
position: absolute;
top: 20px;
width: 18px;
}
.innerLeftEyenv {
background: none repeat scroll 0 0 #000;
border: 1px solid #000;
border-radius: 50%;
height: 24px;
left: 20px;
position: absolute;
top: 10px;
width: 18px;
}
.innerLeftEye:after,.innerLeftEyenv:after {
background: none repeat scroll 0 0 white;
border-radius: 50%;
content: "";
height: 8px;
left: 9px;
position: absolute;
top: 6px;
width: 6px;
z-index:;
}
.innerRightEye {
background: none repeat scroll 0 0 black;
border-radius: 50% / 90% 90% 10% 10%;
box-shadow: 0 -1px 2px black;
height: 20px;
left: 8px;
position: absolute;
top: 20px;
width: 18px;
}
.innerRightEyenv {
background: none repeat scroll 0 0 black;
border-radius: 50% / 90% 90% 10% 10%;
box-shadow: 0 -1px 2px black;
height: 20px;
left: 8px;
position: absolute;
top: 10px;
width: 18px;
}
.innerRightEye:after,.innerRightEyenv:after {
background: none repeat scroll 0 0 white;
border-top-left-radius: 50% 100%;
border-top-right-radius: 35% 80%;
bottom: -1px;
content: "";
height: 13px;
left: 4px;
position: absolute;
width: 10px;
}
.fix {
background: none repeat scroll 0 0 black;
border-radius: 50%;
height: 4px;
position: absolute;
top: 17px;
width: 4px;
}
.fix:after {
background: none repeat scroll 0 0 black;
border-radius: 50%;
content: "";
height: 4px;
left: 14px;
position: absolute;
top:;
width: 4px;
}
.mouthTopContainer {
height: 29px;
left: 39px;
overflow: hidden;
position: absolute;
top: 120px;
width: 158px;
z-index:;
}
.mouthTop {
background: none repeat scroll 0 0 #ffa600;
border: 1px solid #ffa600;
border-top-left-radius: 45% 34px;
border-top-right-radius: 45% 34px;
height: 34px;
left:;
position: absolute;
top:;
width: 158px;
z-index:;
}
.mouthBottomContainer {
height: 15px;
left: 39px;
overflow: hidden;
position: absolute;
top: 146px;
width: 158px;
z-index:;
}
.mouthBottom {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #ffa600;
border-bottom-left-radius: 45% 24px;
border-bottom-right-radius: 45% 24px;
border-color: -moz-use-text-color #ffa600 #ffa600;
border-image: none;
border-right: 1px solid #ffa600;
border-style: none solid solid;
border-width: medium 1px 1px;
height: 24px;
left:;
position: absolute;
top: -4px;
width: 158px;
z-index:;
}
.lips {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #ffa600;
border-bottom-left-radius: 50% 100%;
border-bottom-right-radius: 50% 100%;
border-color: -moz-use-text-color #ffa600 #ffa600;
border-image: none;
border-right: 1px solid #ffa600;
border-style: none solid solid;
border-width: medium 1px 1px;
height: 24px;
left: 60px;
position: absolute;
top: 146px;
width: 116px;
}
.lipShadow {
border-bottom: 20px solid transparent;
border-right: 8px solid black;
border-top: 20px solid transparent;
height:;
left: -12px;
position: absolute;
top: 4px;
transform: rotate(-60deg);
transform-origin: right top 0;
width:;
z-index:;
}
.lipShadow.right {
left: 114px;
transform: rotate(60deg) rotateY(180deg);
}
.body {
height: 300px;
left: 48px;
position: absolute;
top: 135px;
width: 326px;
}
.scarf {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #fb0009;
border-color: -moz-use-text-color #000 #000;
border-image: none;
border-radius: 30px 38px 50% 50% / 34px 34px 76px 76px;
border-right: 4px solid #000;
border-style: none solid solid;
border-width: medium 4px 4px;
height: 110px;
left: 34px;
position: absolute;
top: -2px;
width: 258px;
z-index:;
}
.scarfnv {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FF59A1;
border-color: -moz-use-text-color #000 #000;
border-image: none;
border-radius: 30px 38px 50% 50% / 34px 34px 76px 76px;
border-right: 4px solid #000;
border-style: none solid solid;
border-width: medium 4px 4px;
height: 110px;
left: 34px;
position: absolute;
top: -2px;
width: 258px;
z-index:;
}
.scarfShadow {
border-top: 6px solid #000;
border-top-left-radius: 90px 120px;
border-top-right-radius: 30px;
height: 70px;
left: 6px;
position: absolute;
top:;
transform: rotate(-79deg);
width: 60px;
}
.scarfShadowRight {
border-bottom-right-radius: 70px;
border-right: 6px solid black;
height: 70px;
left: 143px;
position: absolute;
top: 8px;
width: 100px;
z-index:;
}
.scarfEnd {
background: none repeat scroll 0 0 #fb0009;
border: 3px solid black;
border-bottom-left-radius: 50% 43%;
border-bottom-right-radius: 15px;
border-top-left-radius: 20% 57%;
height: 64px;
left: 74px;
position: absolute;
top: 90px;
width: 52px;
z-index:;
}
.scarfnvEnd {
background: none repeat scroll 0 0 #FF59A1;
border: 3px solid black;
border-bottom-left-radius: 50% 43%;
border-bottom-right-radius: 15px;
border-top-left-radius: 20% 57%;
height: 64px;
left: 74px;
position: absolute;
top: 90px;
width: 52px;
z-index:;
}
.scarfEndShadow {
border-top: 6px solid black;
border-top-left-radius: 30px;
height: 20px;
left: 12px;
position: absolute;
top: 6px;
transform: skewX(4deg) scaleY(1.5) rotate(-60deg);
transform-origin: right top 0;
width: 20px;
z-index:;
}
.innerWrapper {
height: 200px;
left: 30px;
overflow: hidden;
position: absolute;
top: 76px;
width: 280px;
}
.inner {
background: none repeat scroll 0 0 #fff;
border: 1px solid #000;
border-radius: 50%;
height: 210px;
left: 25px;
position: absolute;
top: -71px;
width: 218px;
z-index:;
}
.outterWrapper {
height: 250px;
left: 32px;
overflow: hidden;
position: absolute;
top: 54px;
width: 262px;
}
.outter {
background: none repeat scroll 0 0 #000;
border: 1px solid #000;
border-radius: 125px;
height: 250px;
position: absolute;
top: -84px;
width: 260px;
z-index:;
}
.handWrapper {
left: 7px;
position: absolute;
top: 219px;
}
.leftHandTopContainer {
height: 26px;
left: 50px;
overflow: hidden;
position: absolute;
top: 55px;
transform: rotate(-70deg);
transform-origin: left bottom 0;
width: 118px;
z-index:;
}
.leftHandTop {
background: none repeat scroll 0 0 #000;
border: 1px solid #050346;
border-top-left-radius: 44% 38px;
border-top-right-radius: 56% 33px;
height: 54px;
position: absolute;
width: 128px;
}
.leftHandBottomContainer {
height: 30px;
left: 50px;
overflow: hidden;
position: absolute;
top: 78px;
transform: rotate(-70deg);
transform-origin: left top 0;
width: 100px;
z-index:;
}
.leftHandBottom {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #000;
border-bottom-left-radius: 48% 20px;
border-bottom-right-radius: 52% 23px;
border-color: -moz-use-text-color #050346 #050346;
border-image: none;
border-right: 1px solid #050346;
border-style: none solid solid;
border-width: medium 1px 1px;
height: 44px;
position: absolute;
top: -26px;
width: 128px;
}
.rightHandTopContainer {
height: 34px;
left: 240px;
overflow: hidden;
position: absolute;
top: 47px;
transform: rotate(65deg);
transform-origin: right bottom 0;
width: 118px;
z-index:;
}
.rightHandTop {
background: none repeat scroll 0 0 black;
border: 1px solid #050346;
border-top-left-radius: 59% 48px;
border-top-right-radius: 41% 54px;
height: 54px;
left: -30px;
position: absolute;
transform: rotateY(-180deg);
width: 148px;
}
.rightHandBottomContainer {
height: 58px;
left: 248px;
overflow: hidden;
position: absolute;
top: 81px;
transform: rotate(90deg);
transform-origin: right top 0;
width: 110px;
z-index:;
}
.rightHandBottom {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 black;
border-bottom-right-radius: 100% 40px;
border-color: -moz-use-text-color #000 #000;
border-image: none;
border-right: 1px solid #000;
border-style: none solid solid;
border-width: medium 1px 1px;
height: 28px;
left: 38px;
position: absolute;
top: 1px;
width: 68px;
z-index:;
}
.footWrapper {
left: 80px;
position: absolute;
top: 292px;
}
.leftFootTopWrapper {
height: 37px;
left: -1px;
overflow: hidden;
position: absolute;
top: 16px;
width: 130px;
z-index:;
}
.leftFootTop {
background: none repeat scroll 0 0 #ff9c00;
border: 4px solid black;
border-top-left-radius: 80% 70%;
height: 60px;
left: 3px;
position: absolute;
top: -10px;
width: 120px;
}
.toe {
border-top: 4px solid black;
border-top-left-radius: 10px;
border-top-right-radius: 30px;
height: 20px;
left: 2px;
position: absolute;
top: 50px;
transform: rotate(-45deg);
transform-origin: left top 0;
width: 25px;
z-index:;
}
.toe.right {
left: 264px;
transform: rotate(45deg) rotateY(180deg);
}
.leftFootBottomWrapper {
height: 38px;
left: -1px;
overflow: hidden;
position: absolute;
top: 52px;
width: 130px;
z-index:;
}
.leftFootBottom {
background: none repeat scroll 0 0 #ff9c00;
border: 4px solid #000;
border-radius: 50% / 44% 44% 56% 56%;
height: 60px;
left: 3px;
position: absolute;
top: -30px;
width: 120px;
}
.rightFootTopWrapper {
height: 36px;
left: 134px;
overflow: hidden;
position: absolute;
top: 22px;
width: 134px;
z-index:;
}
.rightFootTop {
background: none repeat scroll 0 0 #ff9c00;
border: 4px solid black;
border-top-right-radius: 32% 65%;
height: 60px;
left: 4px;
position: absolute;
top:;
width: 120px;
}
.rightFootBottomWrapper {
height: 38px;
left: 134px;
overflow: hidden;
position: absolute;
top: 52px;
width: 134px;
}
.rightFootBottom {
background: none repeat scroll 0 0 #ff9c00;
border: 4px solid #000;
border-radius: 50% / 56% 56% 44% 44%;
height: 60px;
left: 3px;
position: absolute;
top: -30px;
width: 120px;
}
.rightToe {
background: none repeat scroll 0 0 #ff9c00;
border: 2px solid #000;
border-radius: 50%;
height: 10px;
left: 210px;
position: absolute;
top: 35px;
transform: rotate(34deg);
transform-origin: right bottom 0;
width: 40px;
z-index:;
}
html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" /> <link href="index.css" rel="stylesheet" />
<title>CSS3 Tencent Tencent QQ </title>
</head>
<body>
<header> CSS3 Tencent QQ 测试-火狐31.0 </header>
<div class="con">
<a id="qq">
<div class='head'>
<div class='left eye'>
<div class="innerLeftEye">
</div>
</div>
<div class='right eye'>
<div class="innerRightEye">
<div class="fix"></div>
</div>
</div>
<div class='mouthTopContainer'>
<div class='mouthTop'></div>
</div>
<div class="mouthBottomContainer">
<div class="mouthBottom"></div>
</div>
<div class="lipsContainer">
<div class="lips">
<div class="lipShadow left">
</div>
<div class="lipShadow right">
</div>
</div>
</div>
</div>
<div class="body">
<div class="innerWrapper">
<div class="inner">
</div>
</div>
<div class="outterWrapper">
<div class='outter'>
</div>
</div>
<div class="scarf">
<div class="scarfShadow">
</div>
<div class="scarfShadowRight">
</div>
</div>
<div class="scarfEnd">
<div class="scarfEndShadow">
</div>
</div>
</div>
<div class="handWrapper">
<div class="leftHandTopContainer">
<div class="leftHandTop">
</div>
</div>
<div class="leftHandBottomContainer">
<div class="leftHandBottom">
</div>
</div>
<div class="rightHandTopContainer">
<div class="rightHandTop">
</div>
</div>
<div class="rightHandBottomContainer">
<div class="rightHandBottom">
</div>
</div>
</div>
<div class='footWrapper'>
<div class="leftFootTopWrapper">
<div class="leftFootTop"> </div>
</div>
<div class="leftFootBottomWrapper">
<div class="leftFootBottom">
</div>
</div>
<div class='toe left'></div>
<div class="rightFootTopWrapper">
<div class="rightFootTop">
</div>
</div>
<div class="rightFootBottomWrapper">
<div class="rightFootBottom">
</div>
</div>
<div class='toe right'></div>
</div>
</a>
<a id="qqnv">
<div class="headflower">
<div class="hdj1"></div>
<div class="hdj2"></div>
<div class="hdj"></div>
<div class="hdj3"></div>
<div class="hdj4"></div>
</div>
<div class='head'>
<div class='left eyenv'>
<div class="eye2">
<div class="innerLeftEyenv">
</div>
</div>
</div>
<div class='right eyenv'>
<div class="eye2">
<div class="innerRightEyenv">
<div class="fix"></div>
</div>
</div>
</div>
<div class='mouthTopContainer'>
<div class='mouthTop'></div>
</div>
<div class="mouthBottomContainer">
<div class="mouthBottom"></div>
</div>
<div class="lipsContainer">
<div class="lips">
<div class="lipShadow left">
</div>
<div class="lipShadow right">
</div>
</div>
</div>
</div>
<div class="body">
<div class="innerWrapper">
<div class="inner">
</div>
</div>
<div class="outterWrapper">
<div class='outter'>
</div>
</div>
<div class="scarfnv">
<div class="scarfShadow">
</div>
<div class="scarfShadowRight">
</div>
</div>
<div class="scarfnvEnd">
<div class="scarfEndShadow">
</div>
</div>
</div>
<div class="handWrapper">
<div class="leftHandTopContainer">
<div class="leftHandTop">
</div>
</div>
<div class="leftHandBottomContainer">
<div class="leftHandBottom">
</div>
</div>
<div class="rightHandTopContainer">
<div class="rightHandTop">
</div>
</div>
<div class="rightHandBottomContainer">
<div class="rightHandBottom">
</div>
</div>
</div>
<div class='footWrapper'>
<div class="leftFootTopWrapper">
<div class="leftFootTop"> </div>
</div>
<div class="leftFootBottomWrapper">
<div class="leftFootBottom">
</div>
</div>
<div class='toe left'></div>
<div class="rightFootTopWrapper">
<div class="rightFootTop">
</div>
</div>
<div class="rightFootBottomWrapper">
<div class="rightFootBottom">
</div>
</div>
<div class='toe right'></div>
</div>
</a>
</div>
</body>
</html>
CSS3画腾讯QQ图标 无图片和js参考的更多相关文章
- jQuery插件实现图片展开效果，jquery.gallery。仿腾讯QQ空间说说图片展示效果。
公司的项目http://www.umfun.com/,有个说说的页面(和腾讯QQ空间说说一样),里面有个发表图片功能,上传完图片,需要点击展开的效果. 当时手里面事情比较多(公司就我一个前端),忙不过 ...
- 腾讯QQ、新浪微博等知名社交网络图标素材
腾讯QQ.新浪微博.QQ空间.淘宝.知乎.支付宝.大众点评等设计网络图标矢量素材. 注意是矢量素材,AI格式.放大缩小不变形. 社交网络图标几乎在网页制作中都会用到.一个好看的图标,完全可以提升整体网 ...
- 解决由腾讯qq浏览器引起win10系统桌面图标不停的闪烁问题
win10系统桌面图标不停的闪烁,虽然不会引起太大问题,但是看着实在郁闷在网上搜索了很久,像停止问题报告服务,重置为默认应用都无解,了解到大概是软件兼容性问题于是打开服务管理器,一个一个关闭不是微软的 ...
- QQ 腾讯QQ（简称“QQ”）是腾讯公司开发的一款基于Internet的即时通信（IM）软件
QQ 编辑 腾讯QQ(简称“QQ”)是腾讯公司开发的一款基于Internet的即时通信(IM)软件.腾讯QQ支持在线聊天.视频通话.点对点断点续传文件.共享文件.网络硬盘.自定义面板.QQ邮箱等多种功 ...
- 腾讯QQ会员技术团队：人人都可以做深度学习应用：入门篇（下）
四.经典入门demo:识别手写数字(MNIST) 常规的编程入门有"Hello world"程序,而深度学习的入门程序则是MNIST,一个识别28*28像素的图片中的手写数字的程序 ...
- C#7.2——编写安全高效的C#代码 c# 中模拟一个模式匹配及匹配值抽取 走进 LINQ 的世界 移除Excel工作表密码保护小工具含C#源代码 腾讯QQ会员中心g_tk32算法【C#版】
C#7.2——编写安全高效的C#代码 2018-11-07 18:59 by 沉睡的木木夕, 123 阅读, 0 评论, 收藏, 编辑 原文地址:https://docs.microsoft.com/ ...
- 窗体应用程序防腾讯QQ源码
窗体应用程序防腾讯QQ源码 using System; using System.Collections.Generic; using System.ComponentModel; using Sys ...
- CSS页面重构“鑫三无准则”之“无图片”准则——张鑫旭
一.再说关于“鑫三无准则” “鑫三无准则”这个概念貌似最早是在去年的去年一篇名叫“关于Google圆角高光高宽自适应按钮及其拓展”的文章中提过.这是自己在页面重构的经验中总结出来的一套约束自己CSS的 ...
- S01-晓亮的电脑软件安装过程文档 腾讯QQ 595076941 2019年10月
S01-晓亮的电脑软件安装过程文档 腾讯QQ 595076941 2019年10月 本文档的创建作者的腾讯QQ聊天号码是 595076941 S02-电脑软件安装过程中不要随意关闭窗口除非必需关闭窗口 ...
随机推荐
- Node.js tools for visual studio 在vs中使用Node.js
简单介绍 PTVS开发团队又开发出一款可以在VS里编写Node.js应用程序的插件——NTVS(Node.js Tools for Visual Studio),开发者可以在VS里轻松开发Node.j ...
- Toad for Oracle 12 download link
Toad for Oracle 12 download link x64-bit http://us-downloads.quest.com/Repository/support.quest.com/ ...
- Micro 消息
上周,微软与计算机历史博物馆合作,发布了MS-DOS 1.1/2.0和Word for Windows 1.1a版本的源码,这是微软首次将其核心产品开源. MS-DOS MS-DOS是微软于1981年 ...
- NuGet -- 使用控制台管理程序包
为什么要使用控制台管理程序包而不使用程序包管理窗口?原因大家都懂,生活压力这么大,一切都只是为了装一波.开个玩笑,当然不只是此原因,在有些情况下,有些操作使用程序包管理窗口不能达到目的,只能使用控制台 ...
- 对XX证券报关于物联网操作系统的几个问题的答复
XX证券报提问了几个关于物联网和物联网操作系统的问题,个人表达了一些粗陋的观点,在这里发表出来,与行业朋友交流和探讨. 物联网行业最需要解决的问题是什么? 虽然物联网这个行业被炒得比较热,但是截至目前 ...
- JD-GUI反编译后代码逻辑分析
一,用jd-gui.exe等工具查看源代码.如何你不会,可以参看此文章: http://blog.csdn.net/hp_2008/article/details/8207879 可以到以下连接下载可 ...
- LVS与其他负载均衡软件的区别
有人在邮件列表问haproxy的作者为何haproxy无论是tcp模式还是http模式,能支撑的并发量都不是太大. Willy回答了这个问题. Exactly. The difference is ...
- chm 字体修改
今天打开从网络下载的“[MSDN]Csharp编程指南+参考手册.chm”文件,以为看看里面所提供的一些知识点,但是发现文件显示的字体觉得有点别扭,以为能够像网页那样ctrl键+鼠标滚轮就能进行字体的 ...
- Javaweb之JavaScript结合（二）
1.js的String对象 ** 创建String对象 *** var str = "abc"; ** 方法和属性(文档) *** 属性 length:字符串的长度 *** 方法 ...
- （转载）链表环中的入口点 编程之美 leecode 学习
http://www.cnblogs.com/hiddenfox/p/3408931.html 说的很细 /** * Definition for singly-linked list. * clas ...