[Code] Đóng mở box

  • Ông Sói
    1. [Code] Đóng mở box
    avatar MOD
    Demo :
    Demo online : http://diendan.ngoinhagame.com/

    Hướng dẫn :
    ACP >> Modules >> HTML & JAVASCRIPT >> Javascript codes management >> Add a Javascript Code

    - Title * : Đóng mở box
    - Placement : In all the pages
    - Javascript Code * : dùng code dưới
    Code:
    $(function(){$(".main-head").prepend('<span class="collapse" style="padding: 0px; float:right;width: 16px;height: 16px;overflow: hidden;"><img src="http://i.imgur.com/Wu126eP.png" alt="Đóng" /><img class="hide" src="http://i.imgur.com/53WuN50.png" alt="fmOpen" /></span>');$(".collapse").each(function(index){$(this).attr("id","fmvicollapse"+location.pathname+index);if(my_getcookie("fmvicollapse"+location.pathname+index)=="1"){$(this).children("img[alt='Đóng']").hide();$(this).children("img[alt='fmOpen']").show();$(this).parent().next().hide()}});$(".collapse img[alt='Đóng']").click(function(){my_setcookie($(this).parent().attr("id"),1,1,0);$(this).hide().next().show();$(this).parent().parent().next().hide()});$(".collapse img[alt='fmOpen']").click(function(){my_setcookie($(this).parent().attr("id"),0,1,0);$(this).hide().prev().show();$(this).parent().parent().next().show()})});

    Các bạn có thể thay đổi lại 2 icon đóng mở theo sở thích của các bạn nhé !
    Code:
    http://i.imgur.com/Wu126eP.png
    và
    Code:
    http://i.imgur.com/53WuN50.png

    Nếu icon quá to hoặc nhỏ thì thay đổi lại lại chiều rộng và dài của nó luôn nha
    Code:
    width: 16px;height: 16px

    Sữa lại cho phù hợp là OK !
    Tags: #code #tuts

Thông tin tác giả
avatar
MOD
Bài viết :
110
Points :
206
Like :
40
PhpBB3
An toàn
Status :
Cu To
Xem lý lịch thành viên
Bài viết liên quan
    Đang tải dữ liệu

Permissions in this forum:
Bạn không có quyền trả lời bài viết

<