模仿tmall主頁效果 做的乙個輪播

2021-07-29 22:34:21 字數 1206 閱讀 2742

學後台的對於前端挺菜,基礎練習階段,模擬做個天貓主頁。遇到的一些問題,舍友前端大神說我js寫的太雜,jquery和js混寫並不好):,一開始寫得兩個函式乙個自動變換乙個手動變換挺不好計時器各種錯亂,換成乙個好點了了,後來也js自己用計數器弄錯了很多很多地方,而且發生了很多問題,過渡計時器加乙個animated在過渡階段封死click屬性,防止計數器產生錯誤。感謝我舍友給的指點了。菜鳥的我當筆記記錄一下吧。。

得出的效果是這樣子的

var indexf=0; //用於訪問淡出和淡入的下標

var time=3000;

var animated = false;

$(document).ready(function

() clearinterval(timer);

indexb=$(".slider").index(this);

// console.log("目前選中的"+indexb);

// console.log("前面乙個是"+indexf);

//清掉timer計時器

changeimg();

playimg();

});});

function

playimg

(),3000);

}function

changeimg

() //手動的

},50);

}css

#tanx-content

#tanx-content

#main-banner

#tanx-content

#main-content

.content-img

#slider-con

#slider-con

.slider

#slider-con

.selected

模仿貓眼電影App乙個動畫效果

看真正的貓眼效果圖 接下來看自己寫的粗略圖 不足的地方是這裡是2個切換選項,假設須要3個切換的話,須要自己定義控制項,興許在更新。源 位址 自己定義控制項 21 自己定義控制項之高仿貓眼小專案 3 先看主頁面xml布局檔案 so easy activity main.xml mainactivity...

模仿Parallax寫乙個簡單的視差效果

前言 之前寫專案的時候乙個需求效果是兩個元素需要有乙個視差特效,使用的是jquery的parallax外掛程式,只是為了學習一下,主要原理就是通過監聽滑鼠移動事件,來修改指定元素的left,top值。樣例如下 dom結構 希望哪個元素有視差效果,就設定clss類為parallax item,設定da...

乙個IE主頁鎖定病毒

該病毒修改ie主頁為並將其加入到登錄檔項,然後禁用登錄檔編輯器,同時將病毒程式加入開機啟動項,最後將病毒樣本複製到了系統目錄system32下 echo off reg add hkcu software microsoft internet explorer main v start page d...