1. Trang chủ
  2. » Trung học cơ sở - phổ thông

H2ACode tao anh truot 2 ben trang web blog

5 10 0

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 5
Dung lượng 71,5 KB

Nội dung

[r]

(1)

H2A_Code tạo ảnh trượt bên trang web, blog html>

<head>

<title>uoon demo Set Position</title> <style type="text/css">

.float {

width: 115px; height: 200px;

border: solid 1px blue; }

</style> </head> <body>

<div style="width: 0px;height: 0px;">

<div id="a" class="float"><a href=" Link địa bạn muốn dẫn đến bấm chuột

vào ảnh phải "><img src=' Link ảnh hiển thị bên phải '></div>

<div id="c" class="float"><a href=" Link địa bạn muốn dẫn đến

bấm chuột vào ảnh trái"><img src=' Link ảnh hiển thị bên trái '></div>

(2)

<script type="text/javascript">

function setPosition(id, position) {

var store = { ram : { top : 0, left : 0, right : 0, bottom : },

rom : { top : null, left : null, right : null, bottom : null }

};

(3)

var element = document.getElementById(id);

for (i in store) {element[i] = store[i];}

element.rom.move = function() {

if (window.innerHeight) {

var topPage = window.pageYOffset; var leftPage = window.pageXOffset;

var rightPage = leftPage + window.innerWidth - element.offsetWidth; var bottomPage = topPage + window.innerHeight - element.offsetHeight; }

else {

var topPage = document.body.scrollTop; var leftPage = document.body.scrollLeft;

var rightPage = leftPage + document.body.clientWidth - element.offsetWidth; var bottomPage = topPage + document.body.clientHeight - element.offsetHeight; }

element.style.position = "absolute";

(4)

element.style.top = element.ram.top; }

if (element.rom.left != null) {

element.ram.left += Math.round((leftPage + element.rom.left - element.ram.left)/20);

element.style.left = element.ram.left; }

if (element.rom.right != null) {

element.ram.right += Math.round((rightPage - element.rom.right - element.ram.right)/20);

element.style.left = element.ram.right; }

if (element.rom.bottom != null) {

element.ram.bottom += Math.round((bottomPage - element.rom.bottom - element.ram.bottom)/20);

element.style.top = element.ram.bottom; }

setTimeout("document.getElementById('"+element.id+"').rom.move()",10); };

element.rom.move(); }

(5)

setPosition("c", {top: 20, left: 30}); </script>

Website: http://violet.vn/thanhha03vl

Ngày đăng: 08/05/2021, 12:10

w