boyviphack ~ Member™
Giới tính : Chinese zodiac : Bài viết : 3 Xu : 8 Thanked : 1 Sinh Nhật : 01/01/1995 Tham Gia : 10/10/2011 Tuổi : 29 Yahoo : nh0xk0n_c0d0n_9204 Nghề Nghiệp : Admin diễn đàn www.congdongpro.tk Status : Diễn Đàn Giải Trí Teen Pro 9x Việt | Chém Gió | Sôi Động | Phong Cách 9x Link: http://www.congdongpro.tk
| Tiêu đề: [Q&A]cho xin code tooltip màu đen và thử mới giong itvui.123.st Mon Oct 10, 2011 6:59 am | |
| ch mình xin code tooltip khi đưa chuột vào link hiện ra màu đen và cái code có tin nhắn mới giông 4rum, cám ơn nhiều | |
|
admin [—»Sói™~]-[Ðại Ma Ðầu]
Giới tính : Chinese zodiac : Bài viết : 1042 Xu : 158 Thanked : 650 Sinh Nhật : 20/09/1990 Tham Gia : 15/07/2011 Tuổi : 33 Yahoo : Hà Nội Nghề Nghiệp : Giáo Sư Status : hgfggggggggggggg
Character sheet Tài Sản:
| Tiêu đề: Re: [Q&A]cho xin code tooltip màu đen và thử mới giong itvui.123.st Mon Oct 10, 2011 7:10 am | |
| Tooltip: HTML script: - Code:
-
var offsetfromcursorX = 12; var offsetfromcursorY = 10; var offsetdivfrompointerX = 10; var offsetdivfrompointerY = 13; document.write('<div id="dhtmltooltip"></div>'); document.write('<img id="dhtmlpointer" src="http://www.c3zone.net/users/2611/10/63/87/album/pointe10.gif">'); var ie = document.all; var ns6 = document.getElementById && ! document.all; var enabletip = false; var tipobj = document.getElementById("dhtmltooltip"); var pointerobj = document.getElementById("dhtmlpointer"); function ietruebody() { return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body; } String.prototype.trim = function () { return this.replace(/^\s*/, "").replace(/\s*$/, ""); } function showtip(thetext, thewidth, thecolor) { if (ns6 || ie) { if (typeof thewidth != "undefined") tipobj.style.width = thewidth + "px"; if (typeof thecolor != "undefined" && thecolor != "") tipobj.style.backgroundColor = thecolor; thetext = thetext.trim(); var arr = thetext.split(" "); for(i=0;i<arr.length;i++) if(arr[i].length>=40) thetext=thetext.replace(arr[i],arr[i].substr(0,40)+"..."); tipobj.innerHTML = thetext; enabletip = true; return false; } } function positiontip(e) { if (enabletip) { var nondefaultpos = false; var curX = (ns6) ? e.pageX : event.clientX + ietruebody().scrollLeft; var curY = (ns6) ? e.pageY : event.clientY + ietruebody().scrollTop; var winwidth = ie && ! window.opera ? ietruebody().clientWidth : window.innerWidth - 20; var winheight = ie && ! window.opera ? ietruebody().clientHeight : window.innerHeight - 20; var rightedge = ie && ! window.opera ? winwidth - event.clientX - offsetfromcursorX : winwidth - e.clientX - offsetfromcursorX; var bottomedge = ie && ! window.opera ? winheight - event.clientY - offsetfromcursorY : winheight - e.clientY - offsetfromcursorY; var leftedge = (offsetfromcursorX < 0) ? offsetfromcursorX * (- 1) : - 1000; if (rightedge < tipobj.offsetWidth) { tipobj.style.left = curX - tipobj.offsetWidth + "px"; nondefaultpos = true; } else if (curX < leftedge) tipobj.style.left = "5px"; else { tipobj.style.left = curX + offsetfromcursorX - offsetdivfrompointerX + "px"; pointerobj.style.left = curX + offsetfromcursorX + "px"; } if (bottomedge < tipobj.offsetHeight) { tipobj.style.top = curY - tipobj.offsetHeight - offsetfromcursorY + "px"; nondefaultpos = true; } else { tipobj.style.top = curY + offsetfromcursorY + offsetdivfrompointerY + "px"; pointerobj.style.top = curY + offsetfromcursorY + "px"; } tipobj.style.visibility = "visible"; if (! nondefaultpos) pointerobj.style.visibility = "visible"; else pointerobj.style.visibility = "hidden"; } } function hidetip() { if (ns6 || ie) { enabletip = false; tipobj.style.visibility = "hidden"; pointerobj.style.visibility = "hidden"; tipobj.style.left = "-1000px"; tipobj.style.backgroundColor = ''; tipobj.style.width = ''; } } document.onmousemove = positiontip; CSS: - Code:
-
/* tooltip --------------------------------------------------- */ #dhtmlpointer, #dhtmltooltip { z-index: 999; left: -300px; top:0px; visibility: hidden; position: absolute; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); } #dhtmltooltip { border: #000000 0px solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 15px; font-size: 9pt; font-weight:bold; font-family: Arial; color:#fff; background-color: #000; width: auto; max-width: 340px; width:expression(document.body.clientWidth > 340? "340px": "auto"); text-align:left; } /*tooltip --------------------------------------------------- */ HTML cho vào thẻ script rồi nhét vào cuối footer như cách làm bình thường - Code:
-
<script src="link trang html" type="text/javascript"> | |
|
admin [—»Sói™~]-[Ðại Ma Ðầu]
Giới tính : Chinese zodiac : Bài viết : 1042 Xu : 158 Thanked : 650 Sinh Nhật : 20/09/1990 Tham Gia : 15/07/2011 Tuổi : 33 Yahoo : Hà Nội Nghề Nghiệp : Giáo Sư Status : hgfggggggggggggg
Character sheet Tài Sản:
| Tiêu đề: Re: [Q&A]cho xin code tooltip màu đen và thử mới giong itvui.123.st Mon Oct 10, 2011 7:12 am | |
| | |
|
Sponsored content
| Tiêu đề: Re: [Q&A]cho xin code tooltip màu đen và thử mới giong itvui.123.st | |
| |
|