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

Chia sẻ kiến thức lập trình HTML / CSS / JavaScript

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

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

Gửi bàigửi bởi Vuonghh1998 » 21/02/2016 21:06

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!
Hình đại diện của thành viên
Vuonghh1998
☀️9/30☀️
☀️9/30☀️
 
Bài viết: 638
Ngày tham gia: 07/04/2014 22:59
Đến từ: Vĩnh Phúc
Số điện thoại: 0974897106

Quay về HTML / CSS / JavaScript

 


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

Ai đang trực tuyến?

Đang xem chuyên mục này: Không có thành viên nào đang trực tuyến129 khách