JavaScript
发布时间:2022-04-16 发布网站:大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery动态效果显示人物结构关系图的方法,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
本文实例讲述了jQuery动态效果显示人物结构关系图的方法。分享给大家供大家参考。具体分析如下:
这是一个人物关系图,可动态展示,效果非常漂亮。点击文字可出现动态关系图的转换效果。
http://www.w3
.org/TR/xhtml1/DTD/xhtml1-transitiona
l.dtd">
http://www.w3
.org/1999/xhtml">
Untitled Document
@H_
450_8@
#box
{
width:500px; height:500px;
position: relative
}
.host
{
position:absolute;
width
:100px; height:50px;
line-height:50px; text-align:center;
color:#000000;
BACkground-color:#eeeeee;
border:#000000 1px solid; font-weight:bolder
}
.guest
{
position:absolute;
width:80px; height
:40px;
line-height
:40px;text-align:center;
color: #999999;
BACkground-color:#FFFFFF;
border:#000000 1px solid;
cursor:pointer
}
.relationship
{
position:absolute;
width:60px; height:20px;
color: #aaa; line-height:20px;
font-size
:12px; text-align:center
}
希望本文所述对大家的jQuery程序设计有所帮助。
大佬总结
以上是大佬教程为你收集整理的jQuery动态效果显示人物结构关系图的方法全部内容,希望文章能够帮你解决jQuery动态效果显示人物结构关系图的方法所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。