<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> New Document </title>
<script type="text/javascript">
</script>
<style>
@charset "UTF-8";
html, body {
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
}
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0 none;
font-family: inherit;
font-size: 100%;
font-style: normal;
font-weight: normal;
line-height: 1.5;
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clearfix:before, .clearfix:after {
content: " ";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {
clear: both;
}
.clearfix {
}
html {
-moz-user-select: none;
}
body, input {
font-size: 12px;
line-height: 1.5;
}
.serif {
font-family: Georgia,Times,'Times New Roman',serif;
}
.sans, input, textarea, body {
font-family: STHeiti,微软雅黑,"Microsoft Yahei",Helmet,Freesans,sans-serif;
}
body, select, input, textarea {
color: #555555;
}
.left {
float: left;
}
.right {
float: right;
}
.rctCtn {
background: none repeat scroll 0 0 #FCFCFC;
float: left;
position: relative;
width: 500px;
}
.msgCtCtn {
left: 16px;
position: absolute;
top: 20px;
width: 251px;
z-index: 1009;
}
.lft .avtCtn, .lft .chtMsg {
float: left;
}
.rght .chtMsg {
float: right;
}
.chtCtn:hover {
background: none repeat scroll 0 0 #FCFCFC;
}
.chtMsg {
background: none repeat scroll 0 0 #A9ECFF;
border: 1px solid #89D6EC;
border-radius: 3px 3px 3px 3px;
margin-bottom: 7px;
margin-top: 7px;
position: relative;
width:200px;
}
.lft .chtMsg {
margin-left: 20px;
}
.rght .chtMsg {
background: none repeat scroll 0 0 #EEFBFF;
border: 1px solid #CEE8EF;
margin-right: 20px;
}
.chtMsg .chtTail {
background: url("http://jing.fm/images/chtElm.png") no-repeat scroll 0 0 transparent;
height: 13px;
left: -12px;
position: absolute;
top: 15px;
width: 12px;
}
.chtMsg .chat{
-moz-hyphens: auto;
-moz-user-select: text;
color: #4D8595;
font-size: 11px;
line-height: 18px;
margin-bottom: -1px;
max-width: 214px;
padding: 10px 15px 8px;
text-align: justify;
word-wrap: break-word;
}
.rght .chtMsg .chtTail {
background-position: 0 -16px;
left: auto;
right: -12px;
}
.rght .chtMsg .chat {
color: #83A0A8;
}
</style>
</head>
<body>
<div class="jspPane" style="width:500px;height: 700px;">
<div class="rctCtn chtCtn lft ">
<div class="chtMsg">
<div style="font-size:8px;text-align:center;">2012-11-11 12:12:12 </div>
<p class="chat">hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohello</p>
<div class="chtTail"></div>
</div>
</div>
<div class="rctCtn chtCtn rght">
<div class="chtMsg">
<p class="chat">牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛牛</p>
<div class="chtTail"></div>
</div>
</div>
</div>
</body>
</html>
- 大小: 19.6 KB
分享到:
相关推荐
【JingRound】是一款开源项目,旨在模仿知名音乐平台jing.fm的播放视图设计,为开发者提供一个可自定义参数并支持屏幕旋转的音乐播放界面。这个项目的主要目标是帮助移动应用开发者快速构建出具有类似jing.fm风格的...
该源码实现一款非常不错高仿jing.fm的音乐播放按钮视图效果,主要我们点击唱片,唱片就可以旋转,则就表示在播放音乐,如果我们再次点击,就会停止旋转,同时也会出现暂停按钮。是一个不错的ios学习的例子,喜欢的...
仿jing.fm的音乐播放视图,点击唱片,唱片开始旋转,表示在播放音乐,再次点击,唱片停止旋转,并且出现暂停按钮。支持自定义参数。具体效果看gif动画吧。 作者说:有什么问题请到我博客留言,继续改进! 小编注...
在这个名为"HuanJing.zip"的压缩包中,包含了游戏开发过程中的多个核心文件和目录,让我们逐一解析这些内容。 1. **Assembly-CSharp-Editor.csproj 和 Assembly-CSharp.csproj**: 这两个文件是Unity项目中的C#...
《gSOAP技术详解与Qt4.7集成Web服务实践》 在信息技术领域,Web服务作为分布式系统间交互的重要手段,已经广泛应用于各种场景。gSOAP是一个开源的C/C++库,用于构建基于SOAP(Simple Object Access Protocol)协议...
在当代中国的教育体系中,语文课程不仅仅是语言文字的学习,它还包括对学生情感态度与价值观的培养。通过《20学会看病》这篇课文的学习,学生不仅能够掌握一系列生词和语句的用法,更能够在情感层面上得到熏陶和启发...
【数据库系统原理试题解析】 1. 数据库系统中,提供数据与应用程序间物理独立性的机制是模式/内模式映像(B)。这确保了应用程序无需关心数据在磁盘上的具体存储方式,即使数据库的物理存储结构发生变化,应用程序...
【数据库系统原理试题解析】 1. 物理独立性是指数据库的内部表示(模式/内模式映像)与用户看到的逻辑表示(外模式)之间的独立性,即更改数据库的物理存储方式不会影响到应用程序的运行。选项B正确。...
简历中“CAREER SUMMARY”部分,作者Sally Jing向我们展示了其在上海担任市场分析角色的经历,强调了她对于提供市场营销分析并为问题提供有效解决方案的能力。这说明了市场营销分析是产品定位和品牌推广的关键部分,...
《彩京》是一款使用Java编程语言开发的小游戏,它展示了Java在游戏开发领域的应用和潜力。Java作为一种跨平台、面向对象的编程语言,因其高效、安全和可移植性而受到开发者喜爱,尤其适合初学者入门。...
1.3 系统组成与工作流程:包括前端采集设备(如摄像头、地感线圈)、中央处理单元、终端显示及控制设备等,车辆进出时,系统自动识别、记录并执行相应的控制命令。 1.5 停车场管理系统软件:具备登录、车辆进出管理...
这个C#实现的小游戏是一个简单的猜数字游戏,让玩家猜一个1到100之间的随机生成的数字。以下是对这个小游戏的分析: Random 类的使用:游戏开始时,使用 Random 类生成一个1到100之间的随机数作为要猜的数字。...
"jing.github.io" 是一个基于GitHub Pages的个人网站项目,主要涉及的是JavaScript编程语言的应用。这个项目的描述提及了一个名为“合成大西瓜”的小游戏,该游戏在正常运行时,玩家通过合并相同的水果来升级到更大...
在单片机编程中,"软件陷阱"是一个重要的概念,尤其对于初学者或者开发者来说,理解和避免这些陷阱至关重要。软件陷阱通常指的是程序设计中的错误、疏忽或潜在问题,它们可能导致程序运行异常、效率低下甚至崩溃。...
UDS,全称为Unified Diagnostic Services,是汽车行业内广泛使用的诊断通信协议,主要遵循ISO 14229-1标准。UDS允许测试仪(Tester)通过不同的通信媒介(如LIN、CAN、CAN FD、FlexRay、Ethernet等)与电子控制单元...
UNITY 跳一跳小游戏的Demo 其中用到了自己写的高效管理的对象池,我觉得做游戏框架固然重要,但是游戏是千变万化的,从使用者的角度去考虑,这个代码如何写使用起来才会比较方便,同样也要考虑容易扩展、通用性强、...
"jing6664_com"和"jing6664._com"可能是项目开发者或公司的标识,它们可能代表了这个项目的作者或者拥有者。在实际的编程实践中,开发者通常会用自己的用户名或者公司名作为代码仓库或项目的一部分,以便于追踪和...
在本压缩包“jing.zip”中,包含了一个名为“jing.m”的MATLAB文件,这显然是一段用于实现特定功能的MATLAB代码。根据标题和描述,我们可以推测这段代码可能涉及了语音信号处理以及机器学习中的两种重要分类准则:...
(技术引用自jing.fm)支持微信端,播放控制 下一曲,上一曲,暂停,停止,恢复等。不足:播放器终端要求较高,如需要linux+nodejs+mplayer等。微信端依赖项目:微信公共帐号机器人(Weixin Robot)A node.js robot ...
Jing.fm则通过音乐推荐来建立社交网络,但仅靠推荐可能不足以构建稳定的音乐社交环境。 5. Stagedom:这是一个以色列的创新产品,它聚合了来自不同社交媒体平台的艺人信息,让用户能更方便地关注和互动。Stagedom...