You are not connected. Please login or register

[code] tooltip đen cực kì đơn giản

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

SuperMan

avatar
»Admin
»Admin
Demo:



Code:

Cho vào CSS:
Code:

  .tipsy {
    padding: 5px;
    font-size: 10px;
    position: absolute;
    z-index: 999;

    }

    .tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
    }

    .tipsy-inner {
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    }

    .tipsy-arrow {
    position: absolute;
    background: url('http://onehackoranother.com/projects/jquery/tipsy/stylesheets/../images/tipsy.gif') no-repeat top left;
    width: 9px;
    height: 5px;
    }

    .tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -4px;
    }

    .tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    }

    .tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    }

    .tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    background-position: bottom left;
    }

    .tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    background-position: bottom left;
    }

    .tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    background-position: bottom left;
    }

    .tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 5px;
    height: 9px;
    background-position: top right;
    }

    .tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 5px;
    height: 9px;
      }
cho vào header:
Code:

<script type="text/javascript" async="" src="http://chupy.googlecode.com/files/vifm.js"></script>

Cách chèn:


Với tootip này thi cách chèn siêu đơn giản. bạn chĩ thêm chữ
Code:
title="Nội dung hiển thị"
trong code muốn chèn tooltip là được
VD muốn chèn tooltip vào hình ảnh bạn làm như sau:
Code:
<img src="link ảnh" title="click vào để xem ảnh với kích thước thật" />

Các cái khác bạn làm theo tương tự.




Giận Giận Giận Giận Thư Giận Ngủ Nhe Răng Cười Say Tò Mò Đáng Yêu Ngầu Ngầu Ngầu   Đáng Yêu
Xem lý lịch thành viên

Xem chủ đề cũ hơn Xem chủ đề mới hơn 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