Hiệu ứng pháo hoa - jquery

để làm hiệu ứng rất đơn giản so với hiệu ứng javascript thì mượt và  nhanh hơn nhiều .
xem demo luôn tại đây -

B1
thêm style css vào trước  ]]></b:skin>

  #mblfireworks{
                display: block;    
                width: 1000px;
                height: 735px;
                float: center;
                color:#6F6F6F;
                text-align: center;
                font-size: 12px;
            }
            #mblfireworks a {
                color:#6F6F6F;
            }

B2

Tạo popup chỉ hiện 1 lần cho blogspot

tương tự chức năng của javascript popup quảng cáo khuyến mãi - tuy nhiên lần này dùng jquery nên có vẻ mượt mà và load nhẹ hơn - demo mượn tạm trang chính chủ
đặc điểm
popup chỉ hiện 1 lần duy nhất

nhược điểm chỉ tương thích thư viện jquery 1.8 trở về quá khứ - 1.9 thì kiếm cái khác dùng thôi
cách nhúng .

jquery scroll đẹp và gọn với nice scroll

Nếu bạn không thích scroll xấu xí của trình duyệt hãy thử dùng  nice scroll của jquery

khả năng của nice srcoll thật bất ngờ khi tương thích hầu hết các thiết bị  từ pc đến mobile và trình duyệt hiện tại  kể cả ie6 đã gần như tuyệt chủng
cách dùng :

Jquery Tooltip đẹp và đơn giản cho trang web

Tooltip tuy nhỏ nhưng cũng góp phần làm đẹp trang web của bạn , với tooltip tipsy dễ dùng

1 load thư viện jquery

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'></script>

2 load style csss

Hiệu ứng trở về đầu trang - scroll Top jquery đơn giản

Hiệu ứng scroll top ta thường thấy xuất hiện ở 1 số trang web có nội dung dài -khiến người lướt web phải lăn mouse 3 hay dùng trỏ chuột kéo thanh scroll bar rất bất tiện .

Khi sử dụng hiệu ứng jquery scroll top sẽ giúp người dùng trở về ngay đầu trang - tránh làm mất thời gian
- nút bấm scroll top sẽ xuất hiện thi nội dung trang web được

Chống xung Đột các thư viện jquery và javascript

Cách dùng chung jQuery với các thư viện javascript khác

Khi ứng dụng web của bạn dùng  thư viện jQuery chung với các thư viện javascript khác như Prototype. Dùng nhiều trong cách tạo menu ,slideshow và các hiệu ứng ảnh ,sự xung đột sẽ xảy ra do 2 thư viện này đều dùng hàm $(). Sự tranh giành sẽ dẫn đến kết quả  chỉ cho 1 thư viện chạy thôi còn thằng kia không hoạt động.

Để khắc phục việc này, bạn sử dụng phương thức jQuery.noConflict().bằng cách định nghĩa lại hàm

Phân Trang cho từng bài viết trên blogspot

Khi muốn chia nhỏ nội dung của 1 bài viết thành nhiều trang nhỏ ngay trong chính bài viết đó , ta có thể dùng  dùng paging client jquery .
ưu điểm : phân trang cho  bài viết thành nhiều trang nhỏ , người đọc dễ dàng theo dõi hơn , tránh nội dung 1 trang quá dài...
nhược điểm : nội dung vẫn vậy time load trang cũng không đổi ... tốn thêm script chạy - làm chậm time tải trang

 

 demo http://jsbin.com/upuwe
Cách dùng cho blogspot