jQuery實現(xiàn)立體式數(shù)字滾動條增加效果
jquery實現(xiàn)立體式數(shù)字滾動條增加效果,代碼分為兩部分,一部分位html結構另一部分屬于js代碼段,需要的朋友參考下吧!
1、html結構
<div class="numberRun1"></div>
2、js
<script type="text/javascript" src="js/digital_over.js" ></script>//引用 //這是自定義函數(shù)(需要在頁面中進行調用) <script> //數(shù)字滾動 function digitalScroll(obj,n){ var numRun = $(obj).numberAnimate({num:n, speed:2000, symbol:","}); var nums = n; setInterval(function(){ numRun.resetData(nums); },3000); var numWidth= $(obj).width(); $(obj).find('.mt-number-animate').css('width',numWidth); $(obj).css('width','100%'); $(obj).find('.mt-number-animate').css('margin','0 auto'); } window.indexdigitalScroll=function(){ digitalScroll($('.numberRun1'),1160518); } </script> <!--這是在頁面中調用的方法--> <script> $(function(){ indexdigitalScroll(); }); </script>
3、圖片案例
以上所述是小編給大家介紹的jQuery實現(xiàn)立體式數(shù)字滾動條增加效果,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- jquery滾動條插件slimScroll使用方法
- js/jquery控制頁面動態(tài)加載數(shù)據(jù) 滑動滾動條自動加載事件的方法
- jQuery實現(xiàn)滾動條滾動到子元素位置(方便定位)
- 利用jquery禁止外層滾動條的滾動
- jQuery中Nicescroll滾動條插件的用法
- jQuery判斷是否存在滾動條的簡單方法
- jQuery彈出層后禁用底部滾動條(移動端關閉回到原位置)
- jQuery實現(xiàn)將div中滾動條滾動到指定位置的方法
- vue中如何引入jQuery和Bootstrap
- bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實現(xiàn)方法
- Jquery與Bootstrap實現(xiàn)后臺管理頁面增刪改查功能示例
- 利用jquery和BootStrap實現(xiàn)動態(tài)滾動條效果
相關文章
jquery動畫2.元素坐標動畫效果(創(chuàng)建一個圖片走廊)
今天文章的內容是關于使用jquery的animate方法,修改html元素的position屬性,創(chuàng)建一個圖片走廊2012-08-08淺談jquery采用attr修改form表單enctype不起作用的問題
下面小編就為大家?guī)硪黄獪\談jquery采用attr修改form表單enctype不起作用的問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11js整數(shù)字符串轉換為金額類型數(shù)據(jù)(示例代碼)
本篇文章主要是對js整數(shù)字符串轉換為金額類型數(shù)據(jù)的示例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12jquery 實現(xiàn)的改變顏色與背景的代碼 change(fontsize,background)補充2
change事件會在元素失去焦點的時候觸發(fā),也會當其值在獲得焦點后改變時觸發(fā)。2010-05-05JQuery實現(xiàn)文字無縫滾動效果示例代碼(Marquee插件)
本篇文章主要介紹了JQuery實現(xiàn)文字無縫滾動效果示例代碼(Marquee插件),具有一定的參考價值,感興趣的小伙伴們可以參考一下。2017-03-03jquery.autocomplete修改實現(xiàn)鍵盤上下鍵自動填充示例
根據(jù)需求要實現(xiàn)通過鍵盤上下移動,獲得聯(lián)想菜單中的值,如同google baidu的查詢功能,下面的代碼是自己手寫的,喜歡的朋友可以嘗試操作下2013-11-11