亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

html+css+div實(shí)現(xiàn)電影結(jié)束效果

  發(fā)布時(shí)間：2016-06-22 09:39:50   作者：佚名   我要評論
下面小編就為大家?guī)硪黄猦tml+css+div實(shí)現(xiàn)電影結(jié)束效果。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

經(jīng)常我們看電影都會看到電影結(jié)束后會出現(xiàn)一段介紹這個(gè)電影的導(dǎo)演、編劇、主演、友情出演等等一些電影信息的滾動(dòng)字幕，那么那個(gè)效果可以用html+css+div實(shí)現(xiàn)。具體實(shí)現(xiàn)代碼如下：

html代碼：

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <div id="movie">  
  2.   
  3.   <div id="movieup"></div><br>  
  4.   
  5.    <marquee direction="up" height=400px;>  
  6.   
  7.      <p>導(dǎo)演：***</p>  
  8.   
  9.      <p>編?。?**</p>  
  10.   
  11.      <p>主演：**** ** *** </p>  
  12.   
  13.      <p>友情出演：*** *** **</p><br>   </marquee><br>  
  14.   
  15.   <div id="moviedown"></div><br></div>  

滾動(dòng)標(biāo)簽：<marquee>要滾動(dòng)的文字/圖像<img src=””>  </marquee>

下面是我對滾動(dòng)標(biāo)簽中的一些常見屬性的羅列：

滾動(dòng)方向 direction=up/down/left/right （向上/向下/向左/向右）

滾動(dòng)速度 scrollamount=4/5/6 （4/5/6是比較適合大家使用的三個(gè)滾動(dòng)速度）

滾動(dòng)行為 behavior=scroll/slide/alternate（循環(huán)滾動(dòng)/只滾動(dòng)一次/來回滾動(dòng)）

滾動(dòng)次數(shù) loop=3(循環(huán)三次)

滾動(dòng)延時(shí) scrolldelay=1000(1000毫秒即一秒)

限制滾動(dòng)區(qū)域大小width=”” height=""  bgcolor=""（用來顯示出可以滾動(dòng)的區(qū)域）

停止與滾動(dòng)效果Onmouseover=this.stop() Onmouseout=this.start()

(鼠標(biāo)放上面滾動(dòng)效果停止，鼠標(biāo)離開滾動(dòng)繼續(xù))

注：以上都可作為<marquee></marquee>標(biāo)簽對里的開始標(biāo)簽里的屬性添加想要的效果

css：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. #movie  
  2.   
  3.  {  
  4.   
  5.    width:360px;  
  6.   
  7.    height:400px;  
  8.   
  9.    background:url("F:\images\1.jpg");  
  10.   
  11.    border:1px solid #000000;  
  12.   
  13.    text-align:center;  
  14.   
  15.    margin:auto;  
  16.   
  17.    position:relative;  
  18.   
  19.  }  
  20.   
  21.  #movieup  
  22.   
  23.  {  
  24.   
  25.    width:100%;  
  26.   
  27.    height:40px;  
  28.   
  29.    background:#000000;  
  30.   
  31.    position:absolute;  
  32.   
  33.    top:0px;  
  34.   
  35.     
  36.   
  37.  }  
  38.   
  39.  #moviedown  
  40.   
  41.  {  
  42.   
  43.     width:100%;  
  44.   
  45.     height:40px;  
  46.   
  47.     background:#000000;  
  48.   
  49.     position:absolute;  
  50.   
  51.     bottombottom:0px;  
  52.   
  53.  }  

chabaoo.cn

 我本來把滾動(dòng)效果錄成微視頻準(zhǔn)備給大家看看的，但不知道是沒這功能還是有點(diǎn)新手上路沒找到在哪里上傳本地視頻，只能暫時(shí)先上傳靜態(tài)照片了，知道它是向上滾動(dòng)的字幕即可，這只是滾動(dòng)標(biāo)簽的一個(gè)簡單應(yīng)用，看到該篇隨筆的園友們可以增添更多樣式使它更加豐富多彩。

原文地址：http://www.cnblogs.com/cyn941105/p/5603995.html

相關(guān)文章

  • 全面了解html.css溢出

    下面小編就為大家?guī)硪黄媪私鈎tml.css溢出。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-06-29

  • 使用HTML5里的classList操作CSS類

    這篇文章主要為大家詳細(xì)介紹了使用HTML5里classList操作CSS類的方法，感興趣的小伙伴們可以參考一下
    2016-06-28

  • 淺談HTML（css基礎(chǔ)樣式）

    下面小編就為大家?guī)硪黄獪\談HTML（css基礎(chǔ)樣式）。小編覺得挺不錯(cuò)的， 現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-06-27

  • HTML (css樣式規(guī)范)必看篇

    下面小編就為大家?guī)硪黄狧TML (css樣式規(guī)范)必看篇。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-06-27

  • DW在html中插入css樣式方法

    進(jìn)行網(wǎng)頁設(shè)計(jì)想要有一個(gè)好看的界面布局我們就得要使用到css樣式，下面小編就為大家介紹DW在html中插入css樣式方法，不會的朋友可以參考本文，來看看吧
    2016-06-22

  • Html/Css(新手入門第一篇必看攻略)

    下面小編就為大家?guī)硪黄狧tml/Css(新手入門第一篇必看攻略)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-07-01

最新評論