<!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的音乐播放按钮视图效果,主要我们点击唱片,唱片就可以旋转,则就表示在播放音乐,如果我们再次点击,就会停止旋转,同时也会出现暂停按钮。是一个不错的ios学习的例子,喜欢的...
仿jing.fm的音乐播放视图,点击唱片,唱片开始旋转,表示在播放音乐,再次点击,唱片停止旋转,并且出现暂停按钮。支持自定义参数。具体效果看gif动画吧。 作者说:有什么问题请到我博客留言,继续改进! 小编注...
20学会看病课件jing.pptx
世纪联华住宅小区弱电系统方案huijing.docx
gsoap;Qt4.7;webservice
CV-Sally Jing 2021.pdf
Unity做的《幻径》小游戏
深入理解统一诊断服务(UDS)ISO14229-1-Mr.JING
。。。
。。。
以前学习的时候做的一个游戏,还拿了个小奖。
这个C#实现的小游戏是一个简单的猜数字游戏,让玩家猜一个1到100之间的随机生成的数字。以下是对这个小游戏的分析: Random 类的使用:游戏开始时,使用 Random 类生成一个1到100之间的随机数作为要猜的数字。...
单片机编程中遇到的软件陷阱,这个代码是关于这个的很好资料,想了解的同志可以下载下来看看啊!
UNITY 跳一跳小游戏的Demo 其中用到了自己写的高效管理的对象池,我觉得做游戏框架固然重要,但是游戏是千变万化的,从使用者的角度去考虑,这个代码如何写使用起来才会比较方便,同样也要考虑容易扩展、通用性强、...
(技术引用自jing.fm)支持微信端,播放控制 下一曲,上一曲,暂停,停止,恢复等。不足:播放器终端要求较高,如需要linux+nodejs+mplayer等。微信端依赖项目:微信公共帐号机器人(Weixin Robot)A node.js robot ...
合成大西瓜 被西瓜整个崩溃了,破坏了一下代码,点击右上角的宝箱会切换水果。破坏游戏体验,谨慎尝试。替代“ default”是未植入代码
【IT十八掌徐培成】Java基础第06天-02.接口-USB-Jing8.zip
UP-Magic_Gprs.zip GPRS通讯项目软件源码包将该源码包解压至宿主机下,使用QT环境编译即可生成可执行程序
昨天突然看到jing.fm(这个音乐网站非常不错,很多效果我都很喜欢,如果你有兴趣,可以去围观下)上音乐播放时,专辑的转动效果很不错,所以准备自己动手写下,以备后用。结果第一次使用animate就遇到了坑爹的事情...