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

Tạo Tabs dễ dàng với jquery

Trên mạng có khá nhiều loại tabs với jquery , mình dùng khá nhiều như tabs ui jquery , tabs tabify, tabs sexy jquery, tabs moo tool .... hầu hết thêm script riêng khá dài ...
để dùng tăng tốc tải web giảm, thời gian  thì mình thấy tabs tốn ít dòng  nhất và không phải thêm nhiều script chắc chỉ có loại dưới simple is best

Tạo comment có avatar toả sáng với jquery + css3

Cách làm thực ra cũng chẳng có gì là mới chỉ là kết hợp vài ba script đơn giản
1 là  tạo comment blogspot có avatar ở bài này 
2 là Animated Shine Effects cái quan trọng nhất  để tạo hiệu ứng
3 thêm chút jquery timer cho nó chạy liên lục thay vì hover của jquery thực ra dùng setinterval javascript thay thế cũng được  .
bonus fix lỗi animate shine effécts chỉ chạy với jquery bản 1.4.2
thay vào đó script có thể chạy mọi bản >1.4.2

Chuyển style sheets với jQuery

cách chuyển file style sheets (css) trong php thì đơn giản , trong javascript thì cũng nói đến nhiều cách , và mình thấy với jquery có vẻ đơn giản nhất , dễ dùng

style 1

style 2

 style 3 
(hình minh họa cho sinh động )
1- style (css)