最近做公司專案,頁面banner圖要用輪播展示,而且是從後台取的,設計告訴我,輪播之前其他網頁有用過有現成的,然而我不喜歡那樣的輪播,於是就自己寫了乙個:
首先,大小是設計定好的,所以簡單的布局
1.banner
9.bannercontainer
17.spanbox
25.spanbox span
35.spanbox .currentone
<div
class
="banner"
>
<
div
class
="bannercontainer"
>
<
div
class
="spanbox"
>
<
span
class
="currentone"
>
span
>
div>
div>
div>
然後就是從後台接收banner圖的資料,利用jq來做定時器進行輪播,當然也包含滑鼠懸停靜止,移開啟動;點選小圓點切換
1 $(function() 89//
啟動輪播
10 imgturn(0,imgs);
11//
設定乙個滑鼠懸停在小圓點上是否有點選的狀態,false為沒點
12var isclick=false;13
//輪播圖hover暫停與重啟
14 $('.banner').hover(function
() ,function
() else
24});25}
26});
2728
//小圓點的點選事件
29 $('.spanbox span').each(function
(index) );
36});
37});
38//
輪播39
function
imgturn(i,imgs) );
41 $('.spanbox span').eq(i).addclass('currentone').siblings().removeclass('currentone');
42 myinterval=setinterval(function
() );
45 $('.spanbox span').eq(i+1).addclass('currentone').siblings().removeclass('currentone');
46 i++;
47 },5000);
48 }
部落格第一天
前幾天和本科的乙個小學弟交流，談到現在網際網路發展的乙個趨勢，都知道最近人工智慧特別火。加了乙個群，群裡面也見識到了很多牛人。人工智慧，機器學習 深度學習每天都回想在我們的耳畔。前天聯想ai實驗室團隊來學校，也是想招人工智慧方面的實習生，不過崗位都是在北京。感覺聯想在人工智慧產業方面還處於乙個剛起步...
部落格的第一天
今天，2016.06.12，是個值得紀念的日子，開通了部落格。今天，是我和部落格結緣的日子，歡迎你的到來，歡迎你的來訪，留下你的足跡，記錄你的精彩，分享自己心得，共同進步成長，在此，我想感謝你們的來訪，有幾句話送給，來訪的朋友們和自己，1.開工沒有回頭箭，回頭即是空 2.往往現實就是那樣殘酷，正因你...
第一天的部落格
大四剛畢業這個階段很尷尬，基礎不是很好，但是又想求乙份不錯的工作，在這個炎炎七月顯得很不容易。尋求了一段時間後無結果，想到自己的以後該何去何從，所以索性寫下這篇部落格，一是可以不斷的督促自己，好好學習，天天向上，另一方面也是告誡學弟學妹們在大學期間還是要把基礎給打牢，不要盲目的瘋玩。還有一點就是我們...