Bang hộiTiền mặt: 0 Xu Trò chơiHộp quà giáng sinhThứ Tư, 16:27:03 - 20/11/2024
Chia sẻ kiến thức lập trình HTML / CSS / JavaScript

Các điều hành viên: Mod, SMod, Admin

Share code JavaScript hiệu ứng link đổi nhiều màu

Share code JavaScript hiệu ứng link đổi nhiều màu

#1 » Gửi bài gửi bởi Vuonghh1998 » 21/02/2016 21:06 » @434778

Copy code này, cho vào 1 file .js rồi up lên web của bạn.
Thêm đoạn code:
Mã: Chọn tất cả
<?php
<script language="javascript" type="text/javascript" src="link tới file.js"></script>
?>

vào bất cứ đâu trong web của bạn.

<?php
var timerID,
srcElemActive,
count=0,
oldColor
var clrArray=new Array(
'D0CBFE','8C80FD','5543FC','1B04E3',
'E7FFE6','B7FFB3','80FF79','0AC400',
'FFD6D5','FF9693','FF3D37','EA0600'
)
var 
ie=navigator.appName=='Microsoft Internet Explorer'?true:false,
op=window.opera?true:false,
ns=navigator.vendor?true:false
function ChangeColor(){
if(
srcElemActive)srcElemActive.style.color='#'+clrArray[count++]
if(
count==(clrArray.length-1))count=0}
function 
makeRainbow(evt){
if(
op)return
var 
srcElem=getObject(evt)
var 
temp=""
if(srcElem.tagName=="A"&&srcElem.href !=''){
srcElemActive=srcElem
oldColor
=srcElem.style.color
timerID
=setInterval("ChangeColor()",200)}
return 
true}
function 
stopRainbow(evt){
var 
srcElem=getObject(evt)
if(
op&&srcElem.className !='rate_item')return
if(
srcElemActive&&srcElem.tagName=="A"&&srcElem.href !=''){
srcElemActive=null
srcElem
.style.color=oldColor
clearInterval
(timerID)}}
function 
getObject(evt){
var 
srcElem
if(ie){
srcElem=event.srcElement}
else{
srcElem=evt.target}
return 
srcElem}
document.onmouseover=makeRainbow
document
.onmouseout=stopRainbow
?>


Mình có tạo 1 file .js , Chỉ cần giải nén file đính kèm và up lên wap/web của bạn!

Chúc thành công!
Vuonghh1998
Hình đại diện của thành viên
Rank: ☀️9/30☀️
Cấp độ:
Tu luyện:
Like:
Online:
Bang hội: Trảm Phong
Xếp hạng Bang hội: ⚡1/249⚡
Level:
Chủ đề đã tạo: 🩸283/4141🩸
Tiền mặt:
Ngân hàng:
Nhóm:
Danh hiệu: ?????
Giới tính:
Ngày tham gia:
Đến từ:
Số điện thoại:
(Nokia c2-01)


Quay về HTML / CSS / JavaScript

 


  • Chủ đề tương tự
    Trả lời
    Xem
    Bài viết mới nhất