Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

You are not connected. Please login or register

share mod tooltip chứa dc bất kỳ thứ gì

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

๖ۣۜTom

๖ۣۜTom
Admintrator
Admintrator

share mod tooltip chứa dc bất kỳ thứ gì như hình ảnh + js + css + tá lả lên nói chung là chứa dc code html ! hàng xịn đó nha
demo : [You must be registered and logged in to see this link.]
css
Code:
/*  */
#tooltip .tiplFMvi {
border-bottom:1.5px dashed;
padding-bottom:5px;
margin-bottom:5px;
}

#tooltip{
position:absolute;
border:5px solid #333;
opacity: 0.8;
background:#FFFFFF;
padding:2px 5px;
color:#000; 
border-radius:10px;
box-shadow:0 0 20px #222;
text-shadow: 1px 1px 2px #FFFFFF;
font-weight:bold;
height:auto;
width:auto;
padding: 8px 13px; }
#tooltip {
      z-index: 999; /*Vị trĂ­, trạng thĂ¡i mẕc định*/
      left: -300px; top:0px;
      visibility: hidden;
      position: absolute;
      padding: 15px;
      text-align:left;

      opacity: 0.8;
      filter: alpha(opacity=80);
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
   
      width: auto; /* Chiều rá»™ng tối Ä‘a */
      max-width: 340px;
      width:expression(document.body.clientWidth > 340? "340px": "auto");
  -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
    }

chèn cái này vào cuối footer_end :
Code:
<script src="http://illiweb.com/rs3/13/frm/admin/admin.js" type="text/javascript"></script>
sử dụng tooltip theo cách sau
Code:
<a class="gensmall" onmouseover="show_tooltip(this,this.getElementsByTagName('div')[0].innerHTML,'tên tooltip');">cái cần thêm tooltip ( vd trong cái demo là cửa hàng ăn uống )<div style="display:none">nội dung tooltip</div></a>
enjoy ! cái này mấy ng cần lắm :> :>

http://www.vn-answer.tk
Share this post on: reddit

No Comment.

Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết