CSS-悬浮显示提醒

<script>
$(function(){
 $("#account,div.account-set").hover(    <!-- 鼠标置上时显示内容  -->
  function(){$(".account-set").show();},
  function(){$(".account-set").hide();}
 );    
})
$(document).ready(
function(){
 $(".account-set").css("left",$("#account").offset().left+26);   <!-- 悬浮内容的显示位置 -->
 $(".account-set").css("top",$("#account").offset().top+19);
 });
</script>
<style>

<style>
.account-set {
 Z-INDEX: 1; BORDER-BOTTOM: #558bc6 1px solid; POSITION: absolute; BORDER-LEFT: #558bc6 1px solid; PADDING-LEFT: 1px; width:300px;PADDING-RIGHT: 2px; DISPLAY: none; BACKGROUND: #fff no-repeat; BORDER-TOP: #558bc6 1px solid; RIGHT: 0px; BORDER-RIGHT: #558bc6 1px solid; PADDING-TOP: 10px; TOP: 20px
}
UL.account-set-btns {
 PADDING-LEFT: 0px; PADDING-RIGHT: 0px
}
UL .account-set-btns-li {
 PADDING-LEFT: 0px; PADDING-RIGHT: 0px
}
</style>

<div class="link">

<a href="javascript:void(0)" id="account"><img border="0" src=‘/resources.gif‘></a>

<div class="account-set">

<ul class="account-set-btns">        <!-- 注意ul和li的组合使用 -->

<li class="account-set-btns-li">名称:<span id="_NAME"></span></li>

<li class="account-set-btns-li">地址:<span id="_ADDRESS"></span></li>●

</ul>

</div>

</div>

ul和li使用时,每行开始显示的是●

ol和li使用时,显示的是序号1~i

时间: 2024-10-16 01:16:37

CSS-悬浮显示提醒的相关文章

鼠标悬浮显示文字半透明背景

鼠标悬浮显示文字半透明背景 鼠标悬浮头像,出现文字"上传头像",之前都是使用< a title="上传头像"></a>这样的title来实现现在设计稿,是在头像上面,显示的大号字体的文字,且有一层黑色遮罩层第一想法是,多写一个层,悬浮时候,出现即可多想一步,使用css的content:"",来实现content后面的是双引号针对半透明黑色背景层background:#000opacity:0.5这是透明了全部(背景色和文字

[HTML/CSS]div显示在object、embed之上~

引言 帮一个朋友弄前端布局,一切都正常,但是嵌入object之后,div总是在object的下面,就上网找了一下解决方案,这里记录一下,好像只对flash有效. 用embed插入一个flash(比如优酷的视频),结果总是能把其它元素盖住.把其它元素的z-index改成巨大都没用.现有的解决方案是在插入flash的embed或object标签中加入”wmode”属性并设置为wmode=“transparent”或”opaque”,但wmode属性到底是什么意义,为什么可以解决这个问题呢?windo

css 只好显示两行 超过显示点点点

css 只能显示两行 超过显示点点点 css 可以做到:.p1{text-align: center;color:#C8CFD6;height:34px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

[转]CSS Display(显示) 与 Visibility(可见性)

CSS Display(显示) 与 Visibility(可见性) display属性设置一个元素应如何显示,visibility属性指定一个元素应可见还是隐藏. Box 1 Box 2 Box 3 隐藏元素 - display:none或visibility:hidden 隐藏一个元素可以通过把display属性设置为"none",或把visibility属性设置为"hidden".但是请注意,这两种方法会产生不同的结果. visibility:hidden可以隐

CSS控制显示超出部分,用省略号显示

常用,但是常忘,我又不是写css的,所以记下来: 先设置一下限制的宽度, display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; CSS控制显示超出部分,用省略号显示

div跟随鼠标悬浮显示

<span style="font-size:18px;"><!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author"

css控制显示行数,多出部分显示省略号

webkit-line-clamp:number;控制行数, 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中.为了实现该效果,它需要组合其他外来的WebKit属性.常见结合属性: display: -webkit-box; 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 . -webkit-box-orient:vertical;控制文本行数的方向,这是一个 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 . text

Css悬浮

给大家介绍一下position属性,下面是w3c给出的定义: fixed 生成绝对定位的元素,相对于浏览器窗口进行定位. absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位. relative 生成相对定位的元素,相对于其正常位置进行定位. static 默认值.没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明). inherit 规定应该从父元素继承 position 属性的值. 在浏览网

css悬浮右侧悬浮

<html><head><title>CSSDemo</title><style type"text/css"> .hover-right-css{ background-color:orange; width:100px; height:100px; position:fixed;/*fixed总是以body为定位时的对象,总是根据浏览器的窗口来进行元素的定位,通过"left". "top&qu