- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一些有效的代码,但有时它只是“跳转”到其他文本而不考虑间隔。
该代码基本上按时间间隔更改标题的文本。
var text = ["text1", "text2", "text3","text4","text5"];
var index = 0;
$("#description").fadeOut("slow");
setInterval(function(){
$("#description").html(text[index]).fadeIn("slow");
$("#description").delay(400).fadeOut("slow");
index++;
if (index == 5) {
index = 0;
};
}, 1800);
如果你们能帮助我完成这项工作,甚至改进它,我将非常感激:)
fiddle :http://jsfiddle.net/erbfqqxb/
1 Câu trả lời
我认为当您的间隔 catch 延迟和淡入所用的时间时,可能会导致问题。尝试在回调中运行每个动画,使其作为线性过程运行,以防止文本“跳跃”:
var text = ["text1", "text2", "text3","text4","text5"];
var index = 0;
var description = $("#description");
description.fadeOut("slow", changeText);
function changeText(){
// run the initial animation
description.html(text[index]).fadeIn("slow", function() {
// run the second animation after the first one has finished - can remove the delay if you want to
// the delay here is how long you want the text to be visible for before it starts to fade out
description.delay(400).fadeOut("slow", function() {
index++;
//measure against array length instead of hard coded length
if (index == text.length) {
index = 0;
};
//set the delay before restarting animation sequence (only restart once the sequence has finished)
setTimeout(changeText, 400);
});
});
}
关于javascript - 文本随动画 jquery 变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32330233/
Xin chào mọi người. Những cách phổ biến để tạo hiệu ứng thay đổi nền (về cơ bản là trình chiếu) và chuyển tiếp là gì? Tôi muốn thay đổi toàn bộ hình nền của tài liệu thỉnh thoảng. Tôi là một nhà phát triển ASP.net và muốn phần lớn những tính năng này được triển khai trong ASP.
Có thể con trỏ đã được sửa đổi trong quá trình con trỏ thông thường của auto_ptr thành unique_ptr và shared_ptr Tôi chỉ muốn biết liệu kiểu con trỏ mới đã được phát triển có ghi đè hoàn toàn lên phiên bản cũ hay không (hoặc bạn có thể nghĩ rằng có sự cố rò rỉ bộ nhớ
Tôi sử dụng Android Studio để xây dựng ứng dụng Android. Vấn đề của tôi là: khi đoạn mã thay đổi, ứng dụng sẽ bị sập. Đầu ra của bảng điều khiển [console] 01-06 18:35:21.952 27756-
****LÀM RÕ** Tôi đã tạo ra [Fiddle] này ( http://jsfiddle.net/sggPv/10/ ) để giúp làm rõ tình hình. Lúc đầu, tập lệnh hoạt động tốt cho cả hai bảng, nhưng sau đó khi bạn nhấp vào thanh trượt và thêm bảng mới
Tôi có các biểu tượng khi nhấp vào sẽ thêm div (cột) mới vào vùng chứa div. Vấn đề là khi div (cột) mới xuất hiện, nút không di chuyển sang bên phải. Có cách nào đó để thêm position:fixed chỉ bên trong div không? Đây là màn hình của tôi
Tôi mới làm quen với Java và đã kế thừa một ứng dụng Android hiện có. Nhà phát triển ban đầu đã chọn sử dụng giao diện hằng số. Vấn đề của tôi là tôi cần thay đổi một số hằng số này để biên dịch ứng dụng sản xuất sang ứng dụng phát triển. Nếu tôi sửa đổi một số bằng tay
Trong Tài liệu dành cho nhà phát triển của Apple, tôi tìm thấy một số điều mới trong UIColor. Nếu ứng dụng của bạn được liên kết trên hoặc sau iOS 10 và những gì
Tôi không thường xuyên sử dụng ShareKit nhưng tôi chỉ muốn có ba tùy chọn chia sẻ: Facebook, Twitter và Email. ShareKit cung cấp nhiều tùy chọn hơn, bao gồm nhiều nút hơn. Tuy nhiên, tôi không muốn có "nhiều" lựa chọn hơn, chỉ cần ba lựa chọn. hiện hữu
Tôi đang xây dựng một thư viện JS và một trong những trường hợp sử dụng yêu cầu tôi kích hoạt một sự kiện khi DOM thay đổi, đặc biệt nếu đó là ứng dụng một trang, như: thanh tìm kiếm github Sau một thời gian nghiên cứu, tôi đã tìm thấy MutationObserv
Tôi đã viết được mã phát hiện những thay đổi giá trị trong một ô cụ thể ở bất kỳ bảng tính nào, nhưng tôi đang gặp khó khăn trong việc xây dựng thứ gì đó có thể phát hiện và theo dõi những thay đổi trong một phạm vi (giá trị). Ví dụ, nếu người dùng quyết định sao chép và dán một phạm vi dữ liệu (giả sử nhiều hơn 1 ô), macro sẽ không phát hiện ra điều đó.
Chúng ta có thể kiểm soát mức âm thanh đến mức nào khi sử dụng ffmpeg? Ví dụ, tôi muốn ánh xạ hình dạng "M" trên dòng thời gian của chương trình: t0 - t1: mờ dần từ 0 đến 1 t1 - t2: phát ở fu
Sử dụng jQuery 1.7.1, tôi đang cố gắng tạo trình xử lý sự kiện cho sự kiện thay đổi trong danh sách thả xuống. Danh sách thả xuống được thêm vào DOM một cách linh hoạt. Có vẻ như hoạt động tốt trên hầu hết các trình duyệt, nhưng lạ là IE8 lại muốn trở nên khó khăn. Có một giải pháp
Tôi muốn tạo một điều khiển tùy chỉnh với kích thước đường viền có thể lựa chọn. Xem mã bên dưới. Đường viền được vẽ trên vùng không phải của máy khách và có thể rộng 0, 1 hoặc 2 pixel. Tôi đã vẽ đường viền thành công trong WM_NCPAINT. Vấn đề là khi thay đổi các thuộc tính của kích thước đường viền điều khiển
Tôi biết câu hỏi này đã được hỏi trước đây và thực ra tôi đã tìm ra một giải pháp mà tôi đã áp dụng. Thật không may, tôi đã không đạt được điều mình mong muốn. Tôi chưa từng làm AngularJS trước đây và những gì tôi muốn làm là: phát hiện khi URL thay đổi và thực hiện hành động dựa trên những gì URL thay đổi
Tôi có một lệnh tự động lặp lại qua các phần tử con của một phần tử liên kết. Tuy nhiên, các phần tử con vẫn chưa được tải vào DOM vì biểu thức ng-if của chúng vẫn chưa được giải quyết. Làm thế nào để đảm bảo chỉ thị cha biết rằng cây DOM của nó đã thay đổi?
Tôi có một quy trình lấy dữ liệu từ cơ sở dữ liệu thông qua nhà cung cấp nội dung. vui vẻ getDataFlow(): Flow { trả về flow { phát ra(Result.Loading)
Tôi có một số mã hoạt động, nhưng đôi khi nó chỉ "nhảy" sang văn bản khác mà không tôn trọng khoảng cách. Về cơ bản, đoạn mã này sẽ thay đổi văn bản của tiêu đề theo từng khoảng thời gian. var text = ["text1", "text2", "text3", "text4",
Tôi đang cố gắng thêm trình lắng nghe onCLick vào một công tắc trên PreferenceScreen của mình nhưng nó không hoạt động. Tôi đã thử lấy mã từ hướng dẫn Java và chuyển đổi nó sang Kotlin, nhưng không hiểu sao nó không hoạt động. cái này
Hiện tại chúng tôi đang cố gắng nâng cấp phiên bản ffmpeg mà chương trình của chúng tôi đang sử dụng. Sự thay đổi này rất lớn, vì hiện tại chúng tôi đang sử dụng ffmpeg 0.8 và phiên bản mới nhất là 1.2. Đối với những thử nghiệm này, tôi đã sử dụng (hãy để tôi nói) gói tuyệt vời mà tôi tìm thấy ở đây
Tôi có một quy trình lấy dữ liệu từ cơ sở dữ liệu thông qua nhà cung cấp nội dung. vui vẻ getDataFlow(): Flow { trả về flow { phát ra(Result.Loading)
Tôi là một lập trình viên xuất sắc, rất giỏi!