Forum đề thi casio

Tình hình diễn đàn

Thống kê bài viết mới


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1 [CODE] làm hiệu ứng tooltip on Sat Jul 30, 2011 1:46 am

admin


Admin
Admin
Loading
Hiện tooltip khi rê chuột lên đối tượng

demo:




hướng dẫn:

1. Chèn đoạn sau vào Overall_footer

Code:
<script type='text/javascript' src='http://www.c3zone.net/html-h33.htm'></script>


2. Chèn đoạn sau vào cuối CSS

Spoiler:
Code:
#dhtmlpointer, #dhtmltooltip
{
  z-index: 999;
  left: -300px; top:0px;
  visibility: hidden;
  position: absolute;
}
#dhtmltooltip
{
  border: #666 2.4px solid;
  -moz-opacity: 0.8; /* lam mo tooltip FF */
  opacity: 0.8; /* lam mo tooltip Opera */
  filter: alpha(opacity=80); /* lam mo tooltip IE */
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 10px;
  font-size: 10pt;
  font-family: Arial;
  background-color: white;
  width: auto;
  max-width: 340px; /* chieu rong toi da cho FF */
  width:expression( document.body.clientWidth > 340? "340px": "auto" ); /* chieu rong toi da cho IE */
  text-align:left;
}


3. sử dụng tooltip theo mẫu:

Code:
<span onmouseover="showtip('Nội dung trong tooltip');" onmouseout="hidetip();">Vùng rê chuột vào hiện tooltip</span>


Dùng tooltip cho recent topic ngang:


Tìm trong Mod_recent_topic đoạn sau:

Code:
<a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}
</a>

thay bằng đọan:

Code:
<a
 onmouseover="showtip('Tiêu đề:
{classical_row.recent_topic_row.L_TITLE}<br>Thời gian:
{classical_row.recent_topic_row.S_POSTTIME}');" onmouseout="hidetip();"
href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>

View user profile http://www.leducduy.com

View previous topic View next topic Back to top  Message [Page 1 of 1]

Bài viết mới cùng chuyên mục

    Bài viết liên quan với[CODE] làm hiệu ứng tooltip

      Permissions in this forum:
      You cannot reply to topics in this forum