Gốc > Những vấn đề về CNTT > Mã HTML >
Đỗ Thanh Dương @ 15:59 08/04/2011
Số lượt xem: 535
Code xem bảng mã màu và màu mã HEX của Bằng Vũ
| <span id="script_source"><script type="text/javascript"> | |
| <!-- | |
| // Moves the box object to be directly beneath an object. | |
| function move_box(an, box) | |
| { | |
| var cleft = 0; | |
| var ctop = 0; | |
| var obj = an; | |
| while (obj.offsetParent) | |
| { | |
| cleft += obj.offsetLeft; | |
| ctop += obj.offsetTop; | |
| obj = obj.offsetParent; | |
| } | |
| box.style.left = cleft + 'px'; | |
| ctop += an.offsetHeight + 8; | |
| // Handle Internet Explorer body margins, | |
| // which affect normal document, but not | |
| // absolute-positioned stuff. | |
| if (document.body.currentStyle && | |
| document.body.currentStyle['marginTop']) | |
| { | |
| ctop += parseInt( | |
| document.body.currentStyle['marginTop']); | |
| } | |
| box.style.top = ctop + 'px'; | |
| } | |
| // Shows a box if it wasn't shown yet or is hidden | |
| // or hides it if it is currently shown | |
| function show_hide_box(an, width, height, borderStyle) | |
| { | |
| var href = an.href; | |
| var boxdiv = document.getElementById(href); | |
| if (boxdiv != null) | |
| { | |
| if (boxdiv.style.display=='none') | |
| { | |
| // Show existing box, move it | |
| // if document changed layout | |
| move_box(an, boxdiv); | |
| boxdiv.style.display='block'; | |
| bringToFront(boxdiv); | |
| // Workaround for Konqueror/Safari | |
| if (!boxdiv.contents.contentWindow) | |
| boxdiv.contents.src = href; | |
| } | |
| else | |
| // Hide currently shown box. | |
| boxdiv.style.display='none'; | |
| return false; | |
| } | |
| // Create box object through DOM | |
| boxdiv = document.createElement('div'); | |
| // Assign id equalling to the document it will show | |
| boxdiv.setAttribute('id', href); | |
| boxdiv.style.display = 'block'; | |
| boxdiv.style.position = 'absolute'; | |
| boxdiv.style.width = width + 'px'; | |
| boxdiv.style.height = height + 'px'; | |
| boxdiv.style.border = borderStyle; | |
| boxdiv.style.textAlign = 'right'; | |
| boxdiv.style.padding = '4px'; | |
| boxdiv.style.background = '#FFFFFF'; | |
| document.body.appendChild(boxdiv); | |
| var offset = 0; | |
| // Remove the following code if 'Close' hyperlink | |
| // is not needed. | |
| var close_href = document.createElement('a'); | |
| close_href.href = 'javascript:void(0);'; | |
| close_href.onclick = function() | |
| { show_hide_box(an, width, height, borderStyle); } | |
| close_href.appendChild(document.createTextNode('Close')); | |
| boxdiv.appendChild(close_href); | |
| offset = close_href.offsetHeight; | |
| // End of 'Close' hyperlink code. | |
| var contents = document.createElement('iframe'); | |
| //contents.scrolling = 'no'; | |
| contents.overflowX = 'hidden'; | |
| contents.overflowY = 'scroll'; | |
| contents.frameBorder = '0'; | |
| contents.style.width = width + 'px'; | |
| contents.style.height = (height - offset) + 'px'; | |
| boxdiv.contents = contents; | |
| boxdiv.appendChild(contents); | |
| move_box(an, boxdiv); | |
| if (contents.contentWindow) | |
| contents.contentWindow.document.location.replace( | |
| href); | |
| else | |
| contents.src = href; | |
| // The script has successfully shown the box, | |
| // prevent hyperlink navigation. | |
| return false; | |
| } | |
| function getAbsoluteDivs() | |
| { | |
| var arr = new Array(); | |
| var all_divs = document.body.getElementsByTagName("DIV"); | |
| var j = 0; | |
| for (i = 0; i < all_divs.length; i++) | |
| if (all_divs.item(i).style.position=='absolute') | |
| { | |
| arr[j] = all_divs.item(i); | |
| j++; | |
| } | |
| return arr; | |
| } | |
| function bringToFront(obj) | |
| { | |
| if (!document.getElementsByTagName) | |
| return; | |
| var divs = getAbsoluteDivs(); | |
| var max_index = 0; | |
| var cur_index; | |
| // Compute the maximal z-index of | |
| // other absolute-positioned divs | |
| for (i = 0; i < divs.length; i++) | |
| { | |
| var item = divs[i]; | |
| if (item == obj || | |
| item.style.zIndex == '') | |
| continue; | |
| cur_index = parseInt(item.style.zIndex); | |
| if (max_index < cur_index) | |
| { | |
| max_index = cur_index; | |
| } | |
| } | |
| obj.style.zIndex = max_index + 1; | |
| } | |
| //--> | |
| </script><a href= | |
| "http://d.violet.vn/uploads/resources/606/BANG_MA_MAU.swf" onclick= | |
| "return show_hide_box(this, 400, 400, '2px solid #2266AA')" rel= | |
| "nofollow">Bảng mã màu.</a><br> | |
| <a href= | |
| "http://users9.jabry.com/bangvuz/CHUYEN%20MA%20HEX%20THANH%20MAU.HTM" | |
| onclick="return show_hide_box(this, 520, 250, '2px solid #2266AA')" | |
| rel="nofollow">Xem màu mã HEX.</a></span> |
Đỗ Thanh Dương @ 15:59 08/04/2011
Số lượt xem: 535
Số lượt thích:
0 người
- Code chữ cầu vồng-Chữ chuyển động nhiều màu-Chữ nhấp nháy đẹp-javascript chữ cầu vồng đẹp. (07/04/11)
- Code chữ đổi màu (07/04/11)
- Cầu truyền hình (đã sửa) (18/02/11)
- Code Cầu truyền hình (15/02/11)
- Code về đầu trang - hình sóc chuột (28/11/10)
Ý kiến trao đổi