2010-05-28 65 views
7

Không phải thẻ <blink> cũng như kiểu text-decoration:blink; trong css được hỗ trợ trong Internet Explorer.<blink> thẻ trong Internet Explorer

Có kỹ thuật nào để tạo văn bản nhấp nháy trong IE không?

+4

nhấp nháy văn bản thường là một ý tưởng tồi. Điều gì biện minh cho việc sử dụng nó trong tình huống của bạn? – Banford

+0

http://www.webdeveloper.com/forum/archive/index.php/t-42025.html – miku

+29

noooooooo !!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!! mọi lúc khi ai đó sử dụng thẻ , một con mèo chết – rochal

Trả lời

14

Tránh nhấp nháy, nếu có thể - nó làm phiền mọi người.

Nhưng bạn có thể làm điều đó với JS/jQuery như thế này:

setInterval(jQuery('.blinking').toggle, 1500); 

Điều đó sẽ hiển thị/ẩn bất cứ điều gì với lớp nhấp nháy mỗi 1,5 giây.

Vì vậy, trong HTML bạn sẽ làm gì:

<span class="blinking">hello!</span> 

Nhưng một lần nữa, suy nghĩ rất cẩn thận về việc liệu nó nên được nhấp nháy!

Nếu bạn cần một cái gì đó để thu hút sự chú ý của người dùng (và vì lý do nào đó nhấn mạnh/đánh dấu/etc không đủ tốt), sau đó thay vì bật tắt (nơi văn bản biến mất một nửa thời gian), xem xét thay đổi màu sắc, hoặc gạch dưới nhấp nháy/đường viền hoặc tương tự.

Điều quan trọng là, nếu điều gì đó quan trọng đủ để làm phiền người dùng thì nó vẫn có thể đọc được.

8

Bạn có thể sử dụng mã này:

$(document).ready(function() { 
    setInterval("$('.blink').fadeOut().fadeIn();",1500); 
}); 

và một liên kết lớp này

<div class="blink">BLING BLING...</div> 

xem demo http://jsfiddle.net/SGrmM/


Bạn cũng có thể sử dụng mã này làm việc:

$(document).ready(function() { 
    setInterval("$('.blink').fadeOut(150).fadeIn(150);",1000); 
}); 

xem demo http://jsfiddle.net/SGrmM/1/


làm việc xem các ví dụ gian hàng trong cùng fiddle http://jsfiddle.net/SGrmM/2/

Các vấn đề liên quan