亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 實用代碼 > 正文

CSS3文字動畫，文字滾動，文字漸變特效

2024-09-05 12:17:13

字體：大中小

來源：轉載

供稿：網友

與上一個JS實現的文字漸變、文字滾動代碼是對應的，上一個重點是使用了JS的功能，而本代碼則更側重于CSS3的應用，因此對于學習CSS3的用戶來說，是一個不錯的參考范例。提醒一下，測試時請使用火狐或Chrome等瀏覽器，IE8下有Bug。

<meta charset="UTF-8" /><title></title><script src="/jscss/demoimg/201211/extend.js" ></script><style>body{background:#000;}#infoBox{position:relative;height:320px;width:200px;overflow:hidden;text-indent:2em;line-height:20px;color:#67553A;}#infoInnerBox{    -moz-transition: all 0.5s linear;    -o-transition: all 0.5s linear;    -webkit-transition: all 0.5s linear;    transition: all 0.5s linear;}#infoInnerBox:hover{    -moz-transition: all 10s linear;    -o-transition: all 10s linear;    -webkit-transition: all 10s linear;    transition: all 10s linear;    bottom:0 !important;}.cover{    /* 遮罩效果 */    position:absolute;left:0;top:0;width:100%;height:320px;pointer-events:none;    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#00000000);    background: linear-gradient(top, rgba(0,0,0,.6), rgba(0,0,0,0),rgba(0,0,0,.6));    background: -moz-linear-gradient(top, rgba(0,0,0,.6), rgba(0,0,0,0),rgba(0,0,0,.6) );    background: -webkit-gradient(linear, 0 0, 0 100% , from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));    background: -webkit-linear-gradient(0 0, rgba(0,0,0,.6), rgba(0,0,0,0)),rgba(0,0,0,.6);}</style><div   class="byogyqm"   id="infoBox">    <div   class="bfqskof"   id="infoInnerBox" >        殲—15配有30毫米機炮，可攜帶使用白蛉反艦導彈，鷹擊-62遠程反艦導彈，霹靂-8/9近程空空導彈、霹靂-12主動雷達制導遠程空空導彈、鷹擊-91超音速遠程反艦/反輻射導彈、鷹擊-8空對艦導彈、KD-88遠程空地導彈，飛騰-2型反輻射導彈以及“雷石”系列制導炸彈等，以及俄制蘇-30轟炸機配套引進的各種俄制精確打擊武器。   </div>    <div   id="rgdwthp"   class="cover"></div></div><script>var scroll = {    obj : $id("infoBox"),    inner : $id("infoInnerBox"),    timer : null,    play : function(){        clearTimeout(scroll.timer);        var roll = function(){            scroll.obj.scrollTop++;            if(scroll.obj.scrollTop < scroll.inner.offsetHeight ){                scroll.timer = setTimeout(roll,50);            }        }        roll();    },    stop : function(){        clearTimeout(scroll.timer);        var roll = function(){            scroll.obj.scrollTop-=5;            if(scroll.obj.scrollTop > 0){                scroll.timer = setTimeout(roll,20);            }        }        roll();    },    css3Scroll : function(){        if(UA.isIE) return;         var bottomV = scroll.inner.offsetHeight - scroll.obj.offsetHeight;        scroll.inner.style.cssText  = (bottomV < 0) ? "" : "position:absolute;bottom:-"+bottomV+"px"    }};if(UA.isIE){    events.addEvent($id("infoBox"),'mouseenter',scroll.play);    events.addEvent($id("infoBox"),'mouseleave',scroll.stop);}else{    scroll.css3Scroll();}</script>

上一篇：css3幻燈片換位效果

下一篇：純CSS3制作秒表

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

91国产精品91| 91亚洲国产成人久久精品网站| 中文字幕亚洲无线码a| 91精品国产高清自在线看超| 久久人人爽亚洲精品天堂| 久久久久久av| 成人国产精品色哟哟| 日韩在线免费av| 91九色精品视频| 久久精品亚洲94久久精品| 91精品视频在线播放| 最近2019中文免费高清视频观看www99| 国产精品白嫩初高中害羞小美女| 成人激情视频在线播放| 亚洲最新av在线网站| 欧美成人精品xxx| 亚洲国产精品久久久久秋霞蜜臀| 国产精品欧美激情在线播放| 国产91免费看片| 亚洲欧美国产一区二区三区| 色视频www在线播放国产成人| 91超碰中文字幕久久精品| 久久久免费电影| 97国产精品视频人人做人人爱| 日韩免费av片在线观看| 日韩欧美主播在线| 久久久久久国产免费| 欧美亚洲视频在线看网址| 国产精品视频区1| 亚洲成人精品av| 欧美激情极品视频| 亚洲人精选亚洲人成在线| 国产欧美一区二区三区久久人妖| 久久99久久久久久久噜噜| 国产精品久久久久久久9999| 亚洲国产欧美一区二区三区同亚洲| 精品无码久久久久久国产| 亚洲精品久久久久| 亚洲欧美日韩中文在线制服| 69**夜色精品国产69乱| 欧美日韩人人澡狠狠躁视频| 欧美一区二区三区精品电影| 欧美日韩一区二区三区| 亚洲精品之草原avav久久| 亚洲一区二区在线播放| 欧美超级乱淫片喷水| 欧美人成在线视频| 日韩欧美一区二区三区| 国产精品久久久久久久久久久久| 国产精品久久久久久久天堂| 中文字幕亚洲欧美在线| 2024亚洲男人天堂| 亚洲香蕉成人av网站在线观看| 成人激情视频在线| 日韩激情视频在线| 亚洲级视频在线观看免费1级| 成人久久18免费网站图片| 国产精品偷伦免费视频观看的| 亚洲精品中文字| 亚洲国产天堂网精品网站| 亚洲区中文字幕| 亚洲国产高清自拍| 国产精品伦子伦免费视频| 国产精品久久久久久婷婷天堂| 最近更新的2019中文字幕| 伊人久久免费视频| 欧美大片欧美激情性色a∨久久| www欧美日韩| 91久久久国产精品| 97精品久久久中文字幕免费| 97国产真实伦对白精彩视频8| 国产日韩欧美在线看| 国产一区深夜福利| 国产精品黄视频| 亚洲电影免费观看高清完整版在线观看| 超碰精品一区二区三区乱码| 黄色精品在线看| 亚洲精品美女网站| 美日韩精品免费观看视频| 免费不卡在线观看av| 久久久噜噜噜久噜久久| 亚洲欧美国产精品| 欧美一性一乱一交一视频| 欧美国产精品人人做人人爱| 91九色蝌蚪国产| 91在线中文字幕| 成人高清视频观看www| 九色精品免费永久在线| 伊人久久久久久久久久久久久| 久久精品成人欧美大片| 国自在线精品视频| 中文字幕9999| 国产日韩欧美电影在线观看| 色综合亚洲精品激情狠狠| 日韩中文字在线| 国产精品99久久久久久人| 成人综合网网址| 96精品视频在线| 欧美亚洲成人精品| 色综久久综合桃花网| 精品视频中文字幕| 久久国产精品视频| 国产精品自产拍在线观看| 欧美中文字幕在线视频| 国产成一区二区| 欧美激情国产日韩精品一区18| 一区二区三区精品99久久| 中文字幕久热精品视频在线| 午夜剧场成人观在线视频免费观看| 国产九九精品视频| 亚洲伊人成综合成人网| 中文字幕精品av| 26uuu另类亚洲欧美日本老年| 亚洲国产成人精品电影| 北条麻妃一区二区在线观看| 久久久久久国产精品美女| 中文字幕亚洲无线码a| 国内精品视频在线| 日韩精品免费看| 日韩精品在线视频观看| 国产999在线| 成人黄色片网站| 日韩电视剧在线观看免费网站| 精品国产1区2区| 亚洲午夜激情免费视频| 亚洲片国产一区一级在线观看| 亚洲二区在线播放视频| 全亚洲最色的网站在线观看| 欧美精品999| 成人午夜小视频| 国产精品∨欧美精品v日韩精品| 久久精品免费播放| 国产精品自拍偷拍| 亚洲开心激情网| 亚洲国产女人aaa毛片在线| 国外视频精品毛片| 精品国产91久久久久久| 久久久久久久久爱| 清纯唯美亚洲综合| 国产成人一区二区三区电影| 在线观看久久久久久| 国产精品电影一区| 国产香蕉一区二区三区在线视频| 亚洲va国产va天堂va久久| 久久伊人免费视频| 久久五月天色综合| 亲子乱一区二区三区电影| 欧美日韩国产中文精品字幕自在自线| 欧美日韩免费看| 日韩av一区二区在线| 久久久久久国产精品久久| 琪琪第一精品导航| 久久人体大胆视频| 久久久久久久久中文字幕| 在线观看欧美视频| 久久久国产视频| 国产精品视频精品| 91在线直播亚洲| 亚洲综合第一页| 久久欧美在线电影| 亚洲午夜国产成人av电影男同| 国产精品久久久999| 久久香蕉国产线看观看网| 成人在线播放av|