Gốc > Code cho Blog và Web >
Cao Bằng @ 19:40 03/02/2010
Số lượt xem: 2397
Code dùng để xem web khác ngay trên web của bạn
Hôm nay Thủ thuật blog Violet post tặng các bạn code khá hay.Code này giúp bạn xem các web khác ngay trên web của mình
Demo tại đây
Code
| <table style="border:1px solid #2266AA;"> <tr><td style="width:540px"><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> </span> <a href="http://caobang83.violet.vn" onclick="return show_hide_box(this, 800, 910, '2px solid #999999')" rel="nofollow">Thủ thuật blog Violet</a> . <a href="http://violet.vn/main" onclick="return show_hide_box(this, 800, 910, '2px solid #2266AA')" rel="nofollow">Thư viện trực tuyến Violet</a> </td></tr></table> |
HD:
-Các bạn thay link web muốn liên kết vào code trên đoạn
<a href="http://caobang83.violet.vn" onclick="return show_hide_box(this, 800, 910, '2px solid #999999')" rel="nofollow">Thủ thuật blog Violet</a>
-Các bạn có thể thêm nhiều link bằng cách lặp lại nhiều đoạn code trên
Chúc các bạn thành công
Thủ thuật blog Violet
Cao Bằng @ 19:40 03/02/2010
Số lượt xem: 2397
Số lượt thích:
0 người
Trang cua thay Bang hay lam.
Cảm ơn bạn nhiều! Nhưng làm cách nào để mỗi link nằm ở 1 hàng được vậy? Rất mong bạn quan tâm giúp đỡ
Thầy dùng phần hỗ trợ biên soạn html ở chỗ ứng dụng online để làm cho dễ
- Chương trình bói vui (02/02/10)
- Code dịch văn bản sang ngôn ngữ khác (24/01/10)
- Code quảng cáo chạy pro-ấn tượng (18/01/10)
- Code nhạc hình pro đưa vào blog Violet (16/01/10)
- Web khoa hoc công nghệ (15/01/10)
Bài viết mới nhất