jQuery+css3動畫屬性制作獵豹瀏覽器寬屏banner焦點圖
更新時間:2015年03月16日 15:19:11 投稿:hebedich
本文給大家分享的是使用jQuery結(jié)合CSS3制作的仿獵豹瀏覽器寬屏banner焦點圖特效,代碼很簡單,效果卻非常棒,而且兼容各大瀏覽器,這里推薦給大家,有需要的小伙伴參考下。
jQuery結(jié)合css3動畫屬性制作獵豹瀏覽器寬屏banner焦點圖切換支持手機觸屏滑動焦點圖切換代碼
復(fù)制代碼 代碼如下:
<div class="slide-main" id="touchMain">
<a class="prev" href="javascript:;" stat="prev1001"><img src="images/l-btn.png" /></a>
<div class="slide-box" id="slideContent">
<div class="slide" id="bgstylec">
<a stat="sslink-3" href="" target="_blank">
<div class="obj-e"><img src="images/baomi-t-1.png" /></div>
<div class="obj-f"><img src="images/baomi-kl.jpg" /></div>
</a>
</div>
<div class="slide" id="bgstylea">
<a stat="sslink-1" href="" target="_blank">
<div class="obj-a"><img src="images/bao.png" /></div>
<div class="obj-b"><img src="images/nt-1.png" /></div>
</a>
</div>
<div class="slide" id="bgstyleb">
<a stat="sslink-2" href="" target="_blank">
<div class="obj-c"><img src="images/bao-2.png" /></div>
<div class="obj-d"><img src="images/st-2.png" /><p>全新chrome內(nèi)核,內(nèi)存占用最低,輕巧炫酷皮膚</p></div>
</a>
</div>
</div>
<a class="next" href="javascript:;" stat="next1002"><img src="images/r-btn.png" /></a>
<div class="item">
<a class="cur" stat="item1001" href="javascript:;"></a><a href="javascript:;" stat="item1002"></a><a href="javascript:;" stat="item1003"></a>
</div>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/main.js"></script>
以上就是本文所述的全部內(nèi)容了,希望大家能夠喜歡。
您可能感興趣的文章:
- Android UI實現(xiàn)廣告Banner輪播效果
- 手把手教你用ViewPager自定義實現(xiàn)Banner輪播
- Android自動播放Banner圖片輪播效果
- jquery實現(xiàn)簡單的banner輪播效果【實例】
- 簡單的jQuery banner圖片輪播實例代碼
- Android實現(xiàn)Banner界面廣告圖片循環(huán)輪播(包括實現(xiàn)手動滑動循環(huán))
- jquery實現(xiàn)的Banner廣告收縮效果代碼
- jquery實現(xiàn)滑屏大圖定時收縮為小banner圖片的廣告代碼
- 運用jQuery定時器的原理實現(xiàn)banner圖片切換
- jquery Banner輪播選項卡
相關(guān)文章
jQuery插件ImageDrawer.js實現(xiàn)動態(tài)繪制圖片動畫(附源碼下載)
ImageDrawer.js是一款可以實現(xiàn)動態(tài)繪制圖片動畫的jQuery插件,接下來通過本文給大家介紹jQuery插件ImageDrawer.js實現(xiàn)動態(tài)繪制圖片動畫(附源碼下載),需要的朋友參考下2016-02-02jQuery 選擇表格(table)里的行和列及改變簡單樣式
本文只是介紹如何用jQuery語句對表格中行和列進行選擇以及一些簡單樣式改變,希望它可以對jQuery表格處理的深層學(xué)習(xí)提供一些幫助2012-12-12JQuery中如何傳遞參數(shù)如click(),change()等具體實現(xiàn)
有個需求讓兩個select中option相互轉(zhuǎn)換,這個作業(yè)就是給幾個按鈕添加click()事件接下來為大家介紹下如何在click(),change()傳遞參數(shù)2013-04-04