jQuery的滑動門選項卡上下滾動切換特效
<div class="film_focus_desc">
<ul class="film_focus_nav">
<li class="cur"><b class="zhanl"><p><img src="images/show1_hover.png" />展覽展示</p></b> ;<span class="zhanl"><p><img src="images/show1.png" />展覽展示</p></span></li>
<li><b class="huod"><p><img src="images/show2_hover.png" /></p>活動策劃</b><span class= "huod"><p><img src="images/show2.png" />活動策劃</p></span></li>
<li><b><p><img src="images/show3_hover.png" /></p>商業設計</b><span><p><img src="images/show3.png" />商業設計</p></span></li>
<li><b><p><img src="images/show4_hover.png" /></p>增值服務</b><span><p>< src="images/show4.png" />加值服務</p></span></li>
</ul>
</div>
<div class="film_focus_imgs_wrap">
<ul class="film_focus_imgs">
<li>
<dl>
<dd><a href="http://sc.chinaz.com/"><div class="mouse_s"><img src="images/cp.jpg" />< p>1瑞馬公司</p></div><div class="hover_s"><img src="images/chse.png" /><p>1瑞馬公司< ;/p></div></a></dd>
<dd><a href="http://sc.chinaz.com/"><div class="mouse_s"><img src="images/cp.jpg" />< p>展覽專案</p></div><div class="hover_s"><img src="images/chse.png" /><p>展覽專案</p> </div></a></dd>
<dd><a href="http://sc.chinaz.com/"><div class="mouse_s"><img src="images/cp.jpg" />< p>管理攤位</p></div><div class="hover_s"><img src="images/chse.png" /><p>管理攤位</p> </div></a></dd>
<dd><a href="http://sc.chinaz.com/"><div class="mouse_s"><img src="images/cp.jpg" />< p>展示精典</p></div><div class="hover_s"><img src="images/chse.png" /><p>展示精典</ p></div></a></dd>
<dd><a href="http://sc.chinaz.com/"><div class="mouse_s"><img src="images/cp.jpg" />< p>投標歷史</p></div><div class="hover_s"><img src="images/chse.png" /><p>投標歷史</p> </div></a></dd>
<dd><a href="http://sc.chinaz.com/"><div class="mouse_s"><img src="images/cp.jpg" />< p>攤位設計</p></div><div class="hover_s"><img src="images/chse.png" /><p>展位設計</p> </div></a></dd>
</dl>
</li>
一款jQuery滑動門選項卡上下滾動切換特效,滑鼠懸停選項卡圖示導覽自動切換到對應內容,滑鼠經過圖片顯示加號特效。
本站所有資源皆由網友貢獻或各大下載網站轉載。請自行檢查軟體的完整性!本站所有資源僅供學習參考。請不要將它們用於商業目的。否則,一切後果都由您負責!如有侵權,請聯絡我們刪除。聯絡方式:admin@php.cn
相關文章
16 May 2016
這篇文章主要為大家詳細介紹了jquery編寫Tab選項卡滾動導航切換特效,具有一定的參考價值,有興趣的小伙伴們可以參考一下
16 May 2016
這篇文章主要介紹了jQuery實現滾動切換的tab選項卡效果代碼,涉及jquery鍊式操作及樣式動態操作的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下
18 Jan 2017
這是一款以jquery為基礎的超逼真下雪場景特效。此特效使用jquery程式碼來動態外掛程式html5 canvas元素,然後在canvas中製作下雪特效。
18 Jan 2017
這是一款使用jQuery和CSS3來製作的酷炫漢堡包變形動畫特效。此特效透過jQuery來附加按鈕事件,並透過CSS3 transform和animation來製作動畫特效。
23 May 2023
隨著網路的普及,打字特效的應用越來越廣泛,jquery打字特效也成為了許多網站開發人員的首選。然而,在實現這種特效的過程中,細節問題常常會影響使用者體驗,例如打字特效的回刪問題。本文將介紹如何利用jquery打字特效停止回刪,提升使用者的瀏覽體驗。 jquery打字特效的實作可以使用現成的插件,如typed.js和jQuery.Typewriter等。這些插件都是基於jquery的
16 May 2016
jquery提示效果很多,本文也提供一個超漂亮的仿騰訊彈出層效果,熱愛特效的你可千萬不要錯過了啊,希望本文提供的案例對你學習jquery特效有所幫助
16 May 2016
這篇文章主要介紹了jQuery實現玻璃流光質感的手風琴特效,是一款基於jQuery CSS3實現手風琴特效,希望你可以喜歡。
28 Nov 2017
jquery中我們最需要用的除了異步,就是動畫和特效了吧,要想給用戶更好的體驗jquery是最好的選擇,就讓我們一起來看看jquery的動畫、特效的詳解吧
Hot tools Tags
Hot Tools
jQuery2019情人節表白放煙火動畫特效
一款抖音上很火紅的jQuery情人節表白放煙火動畫特效,適合程式設計師、科技宅用來向心愛的女孩告白,無論你選擇願意或不願意,到最後都得同意。
layui響應式動畫登入介面模板
layui響應式動畫登入介面模板
520情人節表白網頁動畫特效
jQuery情人節表白動畫、520表白背景動畫
酷炫的系統登入頁
酷炫的系統登入頁
HTML5卡音樂播放器-CASSETTE PLAYER
HTML5卡音樂播放器-CASSETTE PLAYER