Go Back   Diễn Đàn Bo-Blog Việt Nam > Phụ Trợ Bo-Blog > Ứng Dụng HTML - Java - Ajax Cho Bo-blog > JavaScript



About Me
Your Avatar

 
Trả lời Gởi Ðề Tài Mới
 
Ðiều Chỉnh Kiếm Trong Bài
  #1  
Old 24-06-2010, 09:47 PM
daicahuy's Avatar
daicahuy is offline
Moderator
 
Tham gia ngày: Feb 2010
Bài gởi: 451
Default Quảng cáo chạy 2 bên (New) gọn nhẹ

<?

  
<html>
<head>
<**** **********="Content-Type" content="text/html; charset=iso-8859-1" />
<title>uoon demo Set Position</title>
<style type="text/css">
.float {
    width: 115px;  
    height: 200px;  
    border: solid 1px blue;
}

</style>
</head>
<body>
    <div style="width: 2000px;height: 2000px;">
        <div id="a" class="float">a</div>
        <div id="b" class="float">b</div>
        <div id="c" class="float">c</div>
    </div>
</body>

<script type="text/javascript">
    
    function setPosition(id, position) {
        
        var store = {
            ram : {
                top : 0,
                left : 0,
                right : 0,
                bottom : 0
            },
            rom : {
                top : null,
                left : null,
                right : null,
                bottom : null
            }
        };
        
        
        for (var i in position) {store.rom[i] = position[i];}
        
        var element = document.getElementById(id);
        
        for (i in store) {element[i] = store[i];}
        
        element.rom.move = function() {
            
            if (window.innerHeight) {
                var topPage = window.pageYOffset;
                var leftPage = window.pageXOffset;
                var rightPage = leftPage + window.innerWidth - element.offsetWidth;
                var bottomPage = topPage + window.innerHeight - element.offsetHeight;
            }
            else {
                var topPage = document.body.scrollTop;  
                var leftPage = document.body.scrollLeft;
                var rightPage = leftPage + document.body.clientWidth - element.offsetWidth;
                var bottomPage = topPage + document.body.clientHeight - element.offsetHeight;
            }
            

            element.style.position = "absolute";
            
            if (element.rom.top != null) {
                element.ram.top += Math.round((topPage + element.rom.top - element.ram.top)/20);
                element.style.top = element.ram.top;
            }
            if (element.rom.left != null) {
                element.ram.left += Math.round((leftPage + element.rom.left - element.ram.left)/20);
                element.style.left = element.ram.left;
            }
            if (element.rom.right != null) {
                element.ram.right += Math.round((rightPage - element.rom.right - element.ram.right)/20);
                element.style.left = element.ram.right;
            }
            if (element.rom.bottom != null) {
                element.ram.bottom += Math.round((bottomPage - element.rom.bottom - element.ram.bottom)/20);
                element.style.top = element.ram.bottom;
            }
            
            setTimeout("document.getElementById('"+element.id+"').rom.move()",10);
        
        };    
        
        element.rom.move();
    }
    

    setPosition("a", {top: 20, right: 30});
    setPosition("b", {bottom: 20, right: 30});
    setPosition("c", {top: 20, left: 30});
            
    

</script>
</body>
</html>
  
?>
Trích:

Muốn đặt một vùng quảng cáo ở vị trí nào bạn chỉ cần gọi hàm setPosition và truyền vào cho nó id của vùng quảng cáo và vị trí mà bạn muốn nó xuất hiện như sau:

Vd:
setPosition("ad", {top: 20, left: 100});

hàm này chỉ hỗ trợ 4 loại định vị là top, left, right, bottom
khi sử dụng tùy ý thiết lập.

Cái này mình thấy bên FCVN nên mình post qua đây cho anh em nghiên cứu.

Mình gà quá bỏ vào boblog mà mãi chưa dc....
Trả Lời Với Trích Dẫn
  #2  
Old 25-06-2010, 07:01 AM
khanGPro's Avatar
khanGPro khanGPro is offline
 
Tham gia ngày: Mar 2010
Đến từ: VNCNTT.NET
Bài gởi: 292
Gửi tin nhắn qua Yahoo chát tới khanGPro
Default

cái này được đấy
Trả Lời Với Trích Dẫn
  #3  
Old 26-10-2010, 09:21 PM
Eyes's Avatar
Eyes Eyes is offline
Junior Member
 
Tham gia ngày: Oct 2010
Bài gởi: 9
Default

Chèn Vào đâu zị bạn
Trả Lời Với Trích Dẫn
  #4  
Old 27-10-2010, 08:07 AM
MinhBlog.Com's Avatar
MinhBlog.Com MinhBlog.Com is offline
Senior Member
 
Tham gia ngày: Oct 2010
Bài gởi: 122
Default

cột bên .
Trả Lời Với Trích Dẫn
  #5  
Old 01-07-2011, 01:25 AM
BlackRose007's Avatar
BlackRose007 BlackRose007 is offline
Junior Member
 
Tham gia ngày: Jun 2011
Bài gởi: 1
Default

chi tiết chút đi pro đọc xong ko biết nhét vào đâu hết
Trả Lời Với Trích Dẫn
  #6  
Old 01-07-2011, 09:24 AM
xuandan22's Avatar
xuandan22 xuandan22 is offline
Senior Member
 
Tham gia ngày: Apr 2010
Bài gởi: 620
Default

mình đưa lên bị lỗi ko hiển thị mà!
Trả Lời Với Trích Dẫn
  #7  
Old 11-08-2012, 10:39 AM
somihanquoc's Avatar
somihanquoc somihanquoc is offline
Junior Member
 
Tham gia ngày: Aug 2012
Bài gởi: 5
Default

Mình viết 1 plugin quảng cáo trượt 2 bên rất tiện cho các bạn dùng wordpress. Các bạn download tại đây nhé: wordpress.org/extend/plugins/float-left-right-advertising/
Trả Lời Với Trích Dẫn
Trả lời Gởi Ðề Tài Mới

Tags
(new), bên, cáo, chạy, gọn, nhẹ, quảng

Ðiều Chỉnh Kiếm Trong Bài
Kiếm Trong Bài:

Kiếm Chi Tiết

Chuyển đến


Múi giờ GMT. Hiện tại là 06:33 AM.
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
vdata

Bo-Blog Việt Nam

Bo-blog
9.9 10 13259