jquery 頁眉單行信息滾動(dòng)顯示實(shí)現(xiàn)思路及代碼
以下是控制滾動(dòng)的樣式,將滾動(dòng)的內(nèi)容查詢出來,放在一個(gè)div 或者別的容器里面,我這里使用的是<dt>
<style>
#newCglist{width:300px;height:14px;line-height:14px;overflow:hidden}
#newCglist li{height:14px;padding-left:10px;}
</style>
以下是滾動(dòng)內(nèi)容展示的容器
<dt class="positionrel" id="newCglist" ><div class="new positionabs"></div></dt>
以下是js,查詢滾動(dòng)展示內(nèi)容
var divhight ; //這是所有數(shù)據(jù)行的高度,每行行高*數(shù)據(jù)量 var showtimes ; //顯示完所有數(shù)據(jù)的時(shí)間,每行顯示所需的時(shí)間*數(shù)據(jù)量
function yejis(){
setInterval('AutoScroll("#newCglist")',500);
//最新成交案例展示
$.post("zrAction!newCgList.action",null,function(data){
divhight = data.length*14;
showtimes = data.length*3000;
$.each(data,function(i,datas){
$ul = $("<ul></ul>");
$tr = $("<li>"+datas[0]+" 簽單成功! "+datas[1]+"元 "+datas[2]+" "+datas[3]+"</li>");
$ul.append($tr);
$("#newCglist").append($ul);
});
});
以下是控制滾動(dòng)展示時(shí)間,以及樣式
/**
* 首頁頂部滾動(dòng)效果,divhight 是所有數(shù)據(jù)的行高
* showtimes //循環(huán)滾動(dòng)完這些數(shù)據(jù)所需的時(shí)間
* @param {Object} obj
* @memberOf {TypeName}
*/
function AutoScroll(obj){
$(obj).find("ul:first").animate({
marginTop:-divhight
},showtimes,function(){
$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
});
}
- jquery單行文字向上滾動(dòng)效果的實(shí)現(xiàn)代碼
- c#刪除代碼中的單行注釋行示例
- js實(shí)現(xiàn)單行文本向上滾動(dòng)效果實(shí)例代碼
- jQuery實(shí)現(xiàn)單行文字間歇向上滾動(dòng)源代碼
- js單行消息滾動(dòng)代碼,可添加無數(shù)個(gè)
- jquery 單行滾動(dòng)、批量多行滾動(dòng)、文字圖片翻屏滾動(dòng)效果代碼
- perl中單行注釋和多行注釋使用介紹
- javascript 單行文字向上跑馬燈滾動(dòng)顯示
- 合并一個(gè)文件夾下多個(gè)文件內(nèi)容的單行shell命令
- 10個(gè)驚艷的Swift單行代碼
相關(guān)文章
一步步教大家編寫酷炫的導(dǎo)航欄js+css實(shí)現(xiàn)
一步步教大家編寫酷炫的導(dǎo)航欄,js+css實(shí)現(xiàn)黑色經(jīng)典導(dǎo)航欄,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-03-03
基于jQuery實(shí)現(xiàn)仿淘寶套餐選擇插件
本文給大家介紹的是一款基于jQuery實(shí)現(xiàn)放淘寶套餐選擇的插件,主要是基于本地json數(shù)據(jù)的選擇列創(chuàng)建,有需要的小伙伴參考下。2015-03-03
ashx文件獲取$.ajax()方法發(fā)送的數(shù)據(jù)
這篇文章主要介紹了ashx文件獲取$.ajax()方法發(fā)送的數(shù)據(jù)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-05-05
一個(gè)超簡(jiǎn)單的jQuery回調(diào)函數(shù)例子(分享)
下面小編就為大家?guī)硪黄粋€(gè)超簡(jiǎn)單的jQuery回調(diào)函數(shù)例子(分享) 。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
jQuery動(dòng)態(tài)地獲取系統(tǒng)時(shí)間實(shí)現(xiàn)代碼
jquery獲取當(dāng)前年份、獲取當(dāng)前月份(0——11),具體思路及代碼如下,感興趣的朋友可以參考下哈,希望可以幫助到你2013-05-05
使用JQuery FancyBox插件實(shí)現(xiàn)圖片展示特效
本文給大家分享的是使用使用JQuery FancyBox插件實(shí)現(xiàn)圖片展示的3種風(fēng)格的特效,非常的簡(jiǎn)單實(shí)用,有需要的小伙伴可以查看下2015-11-11
利用jQuery操作對(duì)象數(shù)組的實(shí)現(xiàn)代碼
利用jQuery操作對(duì)象數(shù)組的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2011-04-04

