มูลนิธิบอลลูน
ลูกโป่งเลื่อนเมาส์เหนือองค์ประกอบหลังจากการแสดง:
เราสามารถเพิ่มองค์ประกอบใด ๆ ใน data-tooltip คุณสมบัติในการสร้างข้อความ ใช้ title แอตทริบิวต์การตั้งค่าเคล็ดลับข้อความ
หมายเหตุ: เลื่อนต้องการ JavaScript ดังนั้นคุณต้องเริ่มต้น JS oundation:
ตัวอย่าง
<span ชื่อข้อมูลคำแนะนำเครื่องมือ = " ไชโย!"> เลื่อนเมาส์ไปที่ฉัน! </ span>
<! - เตรียมมูลนิธิ JS ->
<script>
$ (เอกสาร) .ready (ฟังก์ชั่น () {
$ (เอกสาร) .foundation ();
})
</ script>
<! - เตรียมมูลนิธิ JS ->
<script>
$ (เอกสาร) .ready (ฟังก์ชั่น () {
$ (เอกสาร) .foundation ();
})
</ script>
ลอง»
.has-tip ชั้นอาจเลื่อนเมาส์ตัวหนาไปนี้:
ตัวอย่าง
<span class ข้อมูลคำแนะนำเครื่องมือ = " มีเคล็ดลับ" title = "ไชโย!"> เลื่อนเมาส์ไปที่ฉัน! </ span>
ลอง»
ตำแหน่งการแสดงผลบอลลูน
โดยค่าเริ่มต้นกล่องพรอมต์จะปรากฏที่ด้านล่างขององค์ประกอบ
คุณสามารถใช้ .tip-top , .tip-left , .tip-right หรือ .tip-bottom (เริ่มต้น) เพื่อกำหนดตำแหน่งกล่องพร้อมท์
หมายเหตุ: ในขนาดหน้าจอขนาดเล็กบอลลูนบรอดแบนด์เป็น 100%
ตัวอย่าง
<span class ข้อมูลคำแนะนำเครื่องมือ = " มีเคล็ดลับสุดยอด" title = "ไชโย!"> สูงสุด </ span>
<span class ข้อมูลคำแนะนำเครื่องมือ = " มีปลายสุดด้านล่าง" title = "ไชโย!"> ล่าง </ span>
<span ข้อมูลคำแนะนำเครื่องมือ class = " มีเคล็ดลับเคล็ดลับซ้าย" title = "ไชโย!"> ซ้าย </ span>
<span class ข้อมูลคำแนะนำเครื่องมือ = " มีเคล็ดลับเคล็ดลับขวา" title = "ไชโย!"> ขวา </ span>
<span class ข้อมูลคำแนะนำเครื่องมือ = " มีปลายสุดด้านล่าง" title = "ไชโย!"> ล่าง </ span>
<span ข้อมูลคำแนะนำเครื่องมือ class = " มีเคล็ดลับเคล็ดลับซ้าย" title = "ไชโย!"> ซ้าย </ span>
<span class ข้อมูลคำแนะนำเครื่องมือ = " มีเคล็ดลับเคล็ดลับขวา" title = "ไชโย!"> ขวา </ span>
ลอง»
บอลลูนรอบ
.radius และ .round ระดับใช้ในการตั้งเคล็ดลับกลมกล่อง:
ตัวอย่าง
<span class ข้อมูลคำแนะนำเครื่องมือ = " มีเคล็ดลับ" title = "ไชโย!"> เริ่มต้น </ span>
<span class ข้อมูลคำแนะนำเครื่องมือ = " มีปลายรัศมี" title = "ไชโย!"> รัศมี </ span>
<span ข้อมูลคำแนะนำเครื่องมือ class = " มีเคล็ดลับรอบ" title = "ไชโย!"> รอบ </ span>
<span class ข้อมูลคำแนะนำเครื่องมือ = " มีปลายรัศมี" title = "ไชโย!"> รัศมี </ span>
<span ข้อมูลคำแนะนำเครื่องมือ class = " มีเคล็ดลับรอบ" title = "ไชโย!"> รอบ </ span>
ลอง»