Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

jquery - hoạt ảnh chuyển động của chuột x

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 11:16:42 28 4
mua khóa gpt4 Nike

Tôi muốn một hình ảnh động. Tôi là nhà phát triển phụ trợ nhưng tôi phải tạo hoạt ảnh bằng jquery.

Hoạt ảnh, hình nền và vị trí phần tử thay đổi khi di chuyển chuột.

Tương tự nhưhttp://www.kennedyandoswald.com/#!/premiere-screen

Cảm ơn sự giúp đỡ của bạn.

câu trả lời hay nhất

Nếu bạn muốn di chuyển div lười biếng:


使用这段代码:

var div = document.getElementById('lười biếng');
var container = document.getElementById('container');

var me = function(event) {
    var x = event.clientX, //vị trí chuột
        w = div.offsetWidth, //chiều rộng của div lười
        m = 30, //số nhân
        hình vuông = div.getBoundingClientRect(),
        pxToBox = (x - (w/2 - Square.left)), // con chuột cách hộp bao xa?
        trái = m * pxToBox/this.offsetWidth;
    div.style.left = left + 'px'; //đặt thuộc tính left
};

container.addEventListener('mousemove', me, false);

Phần tử cha của div lười phải được định vị tuyệt đối tương đối với:

#thùng chứa {
    vị trí: tương đối;   
    chiều rộng:600px;
    chiều cao: 400px;
}

#lười {
    màu nền: xanh lá cây;
    vị trí: tuyệt đối;
    đỉnh: 0;
    trái:40;
    chiều rộng: 100px; chiều cao: 100px;
}

Đây là đàn violon http://jsfiddle.net/b42a3fhk/

Về jquery - hoạt ảnh chuyển động của chuột x, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/33151100/

28 4 0
Bài viết khuyến nghị: Loại đối tượng lưu trữ Gson trong json
Bài viết khuyến nghị: valgrind báo lỗi và chắc chắn bị mất khi sử dụng realloc()
Bài viết khuyến nghị: Chuyển đổi danh sách sang từ điển trong python
Bài viết khuyến nghị: Lỗi cú pháp yêu cầu: spring mvc
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress