日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

【JavaScript特效代碼大全】

堅守“ 做人真誠 · 做事靠譜 · 口碑至上 · 高效敬業(yè) ”的價值觀，專業(yè)網(wǎng)站建設(shè)服務(wù)10余年為成都服務(wù)器托管小微創(chuàng)業(yè)公司專業(yè)提供企業(yè)網(wǎng)站設(shè)計營銷網(wǎng)站建設(shè)商城網(wǎng)站建設(shè)手機(jī)網(wǎng)站建設(shè)小程序網(wǎng)站建設(shè)網(wǎng)站改版，從內(nèi)容策劃、視覺設(shè)計、底層架構(gòu)、網(wǎng)頁布局、功能開發(fā)迭代于一體的高端網(wǎng)站建設(shè)服務(wù)。

1、淡入淡出效果

function fadeIn(element, duration) {
  var op = 0.1;  // 初始透明度
  var timer = setInterval(function () {
    if (op <= 1){
      element.style.opacity = op;
      element.style.filter = 'alpha(opacity=' + op * 100 + ")";
      op += op * 0.1;
    }
    else clearInterval(timer);
  }, duration);
}
function fadeOut(element, duration) {
  var op = 1;  // 初始透明度
  var timer = setInterval(function () {
    if (op >= 0){
      element.style.opacity = op;
      element.style.filter = 'alpha(opacity=' + op * 100 + ")";
      op = op * 0.1;
    }
    else clearInterval(timer);
  }, duration);
}

2、滾動字幕效果

function marquee(element, direction, speed) {
  direction = direction || "left";
  speed = speed || 5;
  var text = element.innerHTML;
  var position = element.offsetWidth;
  var intervalId = setInterval(function () {
    if (direction === "left") {
      position;
      if (position < text.length) {
        position = element.offsetWidth;
      }
    } else {
      position++;
      if (position > element.offsetWidth) {
        position = text.length;
      }
    }
    element.innerHTML = text + text.substring(position, position + text.length);
  }, speed);
}

3、鼠標(biāo)跟隨效果

function followMouse(element, duration) {
  var mouseX = 0, mouseY = 0;
  var intervalId = setInterval(function () {
    mouseX = event.clientX element.offsetLeft;
    mouseY = event.clientY element.offsetTop;
    element.style.left = mouseX + 'px';
    element.style.top = mouseY + 'px';
  }, duration);
}

4、圖片輪播效果

var index = 0; // 當(dāng)前顯示的圖片索引，從0開始計數(shù)
var images = document.getElementsByTagName('img'); // 獲取所有圖片元素，存儲在數(shù)組中
var length = images.length; // 圖片數(shù)量，即數(shù)組長度
var timer = null; // 定時器變量，用于控制圖片切換時間間隔和動畫效果的執(zhí)行次數(shù)
var intervalTime = 3000; // 圖片切換的時間間隔，單位為毫秒（ms）

分享文章：javascript特效代碼大全
網(wǎng)址分享：http://www.5511xx.com/article/coghihh.html