- Xu
- 768,137,022
60
0
Code quảng cáo text link với cỡ chữ và màu sắc chữ được tự động thay đổi giống như diễn đàn mình:
Bản nâng cấp, chỉ dùng màu tối để tránh chữ quá mờ hoặc chói vì màu sáng.
Code đang áp dụng cho VNO : Việt Nam Overnight
Code VIP hơn với mã màu được chọn sẵn -> đẹp hơn
Mã:
<style>
.tag-cloud {
width: 350px;
padding: 20px;
border: 1px solid #ddd;
line-height: 2em;
word-wrap: break-word;
}
.tag-cloud a {
text-decoration: none;
margin: 5px;
display: inline-block;
transition: all 0.3s ease;
}
.tag-cloud a:hover {
transform: scale(1.2);
}
</style>
</head>
<body>
<div class="tag-cloud" id="tagCloud">
<a href="#">Mercedes</a>
<a href="#">w124</a>
<a href="#">w204</a>
<a href="#">w210</a>
<a href="#">w211</a>
<a href="#">Двигатель</a>
<a href="#">АКПП</a>
<a href="#">Москва</a>
<a href="#">Новости</a>
<a href="#">Ремонт</a>
</div>
<script>
// Hàm tạo màu ngẫu nhiên
function getRandomColor() {
const letters = "0123456789ABCDEF";
let color = "#";
for (let i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
// Hàm tạo size ngẫu nhiên
function getRandomSize() {
return Math.floor(Math.random() * 15) + 12; // 12px → 27px
}
// Gán style cho từng tag
const tags = document.querySelectorAll("#tagCloud a");
tags.forEach(tag => {
tag.style.color = getRandomColor();
tag.style.fontSize = getRandomSize() + "px";
});
</script>Bản nâng cấp, chỉ dùng màu tối để tránh chữ quá mờ hoặc chói vì màu sáng.
Code đang áp dụng cho VNO : Việt Nam Overnight
Code VIP hơn với mã màu được chọn sẵn -> đẹp hơn
Chỉnh sửa cuối:
