-->

Home � Thủ thuật tạo trang FAQ : Nhảy tới phần trả lời tương ứng khi click vào 1 câu hỏi

Thủ thuật tạo trang FAQ : Nhảy tới phần trả lời tương ứng khi click vào 1 câu hỏi

Download Unikey 4.0 > Phần mềm gõ Tiếng Việt phổ biến nhất hiện nay. Chương trình nhỏ gọn, free.
Download Vietkey 2007 > Kích thước nhỏ gọn, có thể nhúng được tiếng Việt trong hầu hết các ứng dụng.

[TMT-Blog]- Thủ thuật này sẽ hỗ trợ các bạn thực hiện 1 trang FAQ (Frequently Asked Questions - Các câu hỏi thường gặp) trông pro hơn với việc nhảy đến câu trả lời của câu hỏi đó khi bạn click chuột vào. Thủ thuật này không phải là mới, tuy nhiên chưa có ai phổ biến, và nhân tiện có người hỏi về vấn đề này nên mình post bài hướng dẫn luôn.

Thực ra thủ thuật này rất đơn giản, ko hề sử dụng CSS hay JS mà chỉ đơn thuần là HTML.
Các bạn có thể xem demo ở đây: http://fandung.110mb.com/test/test_FAQ.html

Hình ảnh minh họa:

Trong hình mình có giới thiệu 2 cách, 1 là các bạn có thể tạo 1 dòng phân trang (dạng Page Navbar) rồi click vào, 2 là nhấp thẳng vào câu hỏi để đến với câu trả lời.

☼ Và đây là code của thủ thuật:
//Dạng hiển thị theo cách 2
Câu <a href="#Cau1">1</a> | <a href="#Cau2">2</a> | <a href="#Cau3">3</a> | <a href="#Cau4">4</a>

//Dạng hiển thị theo cách 2
<a href="#Cau1"> 1</a>
<a href="#Cau2"> 2</a>
<a href="#Cau3"> 3</a>
<a href="#Cau4"> 4</a>

//Noi dung
<a name="Cau1"></a>Tiêu đề câu 1
{Noi dung tra loi cau 1}

<a name="Cau2"></a>Tiêu đề câu 2
{Noi dung tra loi cau 2}

<a name="Cau3"></a>Tiêu đề câu 3
{Noi dung tra loi cau 3}

<a name="Cau4"></a>Tiêu đề câu 4
{Noi dung tra loi cau 4}

Ta để ý sẽ thấy, muốn nhảy tới vị trí định sẵn khi click vào link của câu 1 thì ta chỉ cần thêm thẻ trước nội dung của câu 1.
- Lưu ý: bỏ phần chú thích khi thực hiện

Fandung














0 Nhận xét đến "Thủ thuật tạo trang FAQ : Nhảy tới phần trả lời tương ứng khi click vào 1 câu hỏi"

Phản hồi của bạn

Các bạn có thể để lại nhận xét tại khung comment, tuy nhiên mong các bạn tuân thủ một số nội quy nhỏ sau đây.

Thứ nhất: Nội dung comment phải liên quan tới nội dung bài viết.

Thứ hai: Nội dung phải trong sáng, không thô tục, dung tục.

Thứ ba: Nhớ để lại tên, địa chỉ của bạn để mình tiện liên hệ khi cần thiết.

Thứ tư: Bạn có thể sử dụng một số thẻ: a,b,i trong khung comment.

Khuyến cáo: Mọi thông tin trên trang traimientay.com được sưu tầm, tổng hợp từ các nguồn đáng tin cậy và chỉ mang tính tham khảo. Chúng tôi không chịu bất kỳ trách nhiệm nào về những hậu quả có thể xảy ra do sử dụng các thông tin của bài viết.

Mong các bạn tuân thủ khi comment. Chúc các bạn luôn tìm được nhiều điều thú vị.
Xem hướng dẫn comment. Admin