button tooltip

Trong hướng dẫn này, bạn sẽ học được một mã công cụ đơn giản để sử dụng trong bất kỳ ứng dụng flash nào. 

Đây là kết quả cho hướng dẫn này: 
Hướng dẫn Flash miễn phí, Nút, Chú giải công cụ

Tạo ba nút và kéo chúng đến giai đoạn. Cho ví dụ tên “btn1”, “btn2”, “btn3”, vv 

Bạn có thể tạo một nút, sao chép nó hai lần và chỉ cần thay đổi văn bản. 

Bây giờ tạo một Movie Clip mới và vẽ bạn chú giải công cụ: 
Hướng dẫn Flash miễn phí, Nút, Chú giải công cụ

Trên đầu của chú giải công cụ của bạn vẽ một hộp văn bản động với tên dụ “tip”, chúng tôi sẽ thay đổi văn bản sau bằng cách sử dụng tên này. 
Hướng dẫn Flash miễn phí, Nút, Chú giải công cụ

Trở lại timeline chính và kéo một cá thể của Movie Clip Tooltip với tên “Tooltip”. 

Bây giờ đi đến các hành động cho khung đầu tiên và dán:

/ / khi con chuột cuộn trên btn1.onRollOver = function () (/ / giải thích dưới đây tooltipTimer = setInterval (showTooltip, 1000, “Đây là Button 1”); } btn2.onRollOver = function () {tooltipTimer = setInterval (showTooltip, 1000, “Đây là nút 2”); } btn3.onRollOver = function () {tooltipTimer = setInterval (showTooltip, 1000, “Đây là nút 3”); } // cùng một sự kiện cho tất cả các nút btn1.onRollOut = btn2.onRollOut = btn3.onRollOut = function () {// ẩn mũi công cụ _root.Tooltip._visible = false; / / rõ ràng khoảng thời gian thực hiện trên cuộn qua. clearInterval (tooltipTimer); } // function với tham số “tip”, tip là văn bản được sử dụng trong tooltip function showTooltip (tip) {// tooltip is visible _root.Tooltip._visible = true; // đặt vị trí chú giải công cụ bằng chuột. _root.Tooltip._x = _xmouse; _root.Tooltip._y = _ymouse; // đặt văn bản của hộp văn bản bên trong chú giải công cụ Movie Clip vào tham số “tip” _root.Tooltip.tip.text = tip; }

Kiểm tra mã (Ctrl + Enter), để bạn di chuột qua một nút trong ít nhất một giây để xem chú giải công cụ.

Leave a Reply

Your email address will not be published. Required fields are marked *