<div id= " /> 国产高清一区二区,久久久高清,亚洲精品视频一区

四虎精品视频-四虎精品成人免费网站-四虎黄色网-四虎国产视频-国产免费91-国产蜜臀97一区二区三区

js或css實現滾動廣告的幾種方案

在觸發js的scroll事件啊,可是我遇到的是真正不動的,我開始以為是FF上面才會這樣,沒想到IE6和IE7都有如此效果,不得不驚嘆神奇了。
如是我就找出了如下神奇的代碼:僅用CSS實現滾動效果~~
#fixed{position:fixed;}

<div id="fixed">滾動</div>

完了,就這個屬性就搞定滾動了,真想罵人了。不過還沒完呢,這個只支持火狐和IE7,我剛才說過IE6也可以的,只是IE6要實現就有點復雜了,

復制代碼 代碼如下:
<!--[if IE]>
<style type="text/css">
* html #fixed{position:absolute;right:1px;top:expression_r(eval_r(document.body.height + 500));}
* html{overflow:hidden;}
* html body{height:100%;overflow:auto;}
* html #fixed{right:17px;top:5em;}
* html #fixed{right :1px;top :expression_r(eval_r(document.body.height + 500));}
</style>
<![endif]-->

這個我也沒太看是什么意思。也好像是CSS,不過應該也算有腳本了吧???也許有人知道可以告訴大家,分享一下。
既然我的標題是實現滾動的N種方法的話,肯定不只是這兩種了。好像CSS的還有其他寫法,我就不一一列舉了,我主要是想告訴大家比較常用的JS實現方式,我的網站有用到一段代碼,也是網上找的,不過有個不好的地方就是它是相對頂部的,也就是你的網頁高度不夠就會出現拉不到底的情況,其實百度留言也會出現這種狀況的,我就不多說了,先貼出來大家看看:
復制代碼 代碼如下:
lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{}
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("lovexin12").style.top=parseInt(document.getElementById("lovexin12").style.top)+percent+"px";
(document.getElementById("lovexin12").style.top)+percent+"px";

lastScrollY=lastScrollY+percent;
}

window.setInterval("heartBeat()",1);

有興趣的話大家可以把上面的改成相對于底部,這樣會好很多。
最近一直在看js庫,比較感興趣的jquery還是很不錯的,所以呢~,現在再來貼一個用jquery來實現滾動的代碼,比上面這個感覺要好很多。不過也只是個選擇,沒有必要可以不用,必竟jquery的代碼也有幾十KB的。

復制代碼 代碼如下:
$(document).ready(function(){

if($.browser.msie && $.browser.version == 6) {
FollowDiv.follow();
}
});
FollowDiv = {
follow : function(){
$('#cssrain').css('position','absolute');
$(window).scroll(function(){
var f_top = $(window).scrollTop() + $(window).height() - $("#cssrain").height() - parseFloat($("#cssrain").css("borderTopWidth")) - parseFloat($("#cssrain").css("borderBottomWidth"));
$('#cssrain').css( 'top' , f_top );
});
}
}

好了,就說到這吧?。∮惺裁床幻靼椎目梢蕴岢鰜?討論才會有進步~!歡迎大家加入我的QQ群,大家共同學習進步.群號:5678537

JavaScript技術js或css實現滾動廣告的幾種方案,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: bobo视频| 减肥喝什么榨汁减肥快| 12123交强险查询入口| 扫毒3:人在天涯 电影| 金顶神功| 大奉打更人电视剧免费在线观看| 工会基层组织选举工作条例| 《骗》歌曲| 山子高科股吧| 你的名字豆瓣| 电影生化危机4| 黑色纳粹电影完整版| 永远少年电影免费播放| 彩云曲 电影| kaori全部av作品大全| 女人 电影| 绷带怪人| 网页抖音| cuba直播在哪个平台看| 杨子姗赵又廷演的电影叫什么| 媚狐传| 女性吃鹅肝的好处与功效| 倪妮| 风花电影完整版免费观看| 洛城僵尸| 乡村女老师| 都市频道节目表今天| 相声剧本(适合学生)| 大地免费观看完整版高清| 秀人网 官网门户免费| 唐朝诡事录在线观看全集免费观看| 菲律宾电影果汁| 难忘的运动会作文| 董明珠:简历 个人资料| 如果云知道歌词| 有冈大贵| 我想成为影之强者| 国家励志奖学金个人主要事迹1500字| 古天乐电影全部作品最新| 遥远的你我触不可及动漫| 《救苦经》念诵|