博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
制作鼠标移动到div上面显示弹出框
阅读量:7187 次
发布时间:2019-06-29

本文共 1594 字,大约阅读时间需要 5 分钟。

三代亲子嘉年华
周乃容 | 3.6万 3562

作者唐朝诗人白居易。草原上的野草 生长得很茂盛,每到秋天就枯黄了, 这样年复一年。野火烧得也不可能。

/*dialog*/.show-dialog {
width: 330px; height: 160px; background-color: #fff; border: 1px solid #CCD0D7; padding: 14px; position: absolute; border-radius: 4px;}.show-dialog>header {
display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #E5E9EF;}.show-dialog>header>.note>span {
display: block;}.show-dialog>header>.note>.title {
color: #333; font-size: 16px;}.show-dialog>header>.note>.info {
color: #99A2AA; font-size: 12px; display: flex; align-items: center; margin-top: 5px;}.show-dialog>header>.note>.info>.split {
padding: 0 10px;}.show-dialog>header>.note>.info>.playcount, .show-dialog>header>.note>.info>.viewcount {
padding: 0 25px 0 3px;}.show-dialog>footer {
display: flex; align-items: center; margin-top: 10px;}.show-dialog>footer>img {
width: 96px; height: 60px;}.show-dialog>footer>p {
color: #99A2AA; font-size: 10px; margin-left: 10px;}
$('.default-right>li').hover(function(e) {        var position = $(this).offset();        $(".show-dialog").css({            left : position.left,            top : position.top - 165        }).removeClass('hide');    }, function(e) {        $(".show-dialog").addClass('hide');    });

总结:

1、jquery使用offset()比position()更精确

转载地址:http://hdykm.baihongyu.com/

你可能感兴趣的文章
Oracle 11G搭建单实例Active DataGuard
查看>>
整理的Android开发资源
查看>>
测试,请忽略
查看>>
打印html页面出现空白段落问题
查看>>
我的友情链接
查看>>
用按位或解决问题
查看>>
内网地址的网段
查看>>
克隆虚拟机、Linux机器相互登录
查看>>
oracle中使用decode进行数据的列转换为行的试验
查看>>
快速构建Windows 8风格应用23-App Bar概述及使用规范
查看>>
Saltstack系列(二) Saltstack分组
查看>>
.NET的XMPP开发包 MatriX
查看>>
JQuery easyui Datagrid 分页事件
查看>>
MPLS 转发原理
查看>>
android 手机型号,版本号,
查看>>
家庭宽带之IPv6网络测试
查看>>
让宏哥告诉你什么叫做 OO -- 放在博客比较有价值
查看>>
filter的时间过滤有关问题
查看>>
access手工注入笔记
查看>>
zookeeper原理(转)
查看>>