电影结束效果的实现

经常我们看电影都会看到电影结束后会出现一段介绍这个电影的导演、编剧、主演、友情出演等等一些电影信息的滚动字幕,那么那个效果可以用html+css+div实现。具体实现代码如下:

html代码:

<div id="movie">
  <div id="movieup"></div>
   <marquee direction="up" height=400px;>
     <p>导演:***</p>
     <p>编剧:***</p>
     <p>主演:**** ** *** </p>
     <p>友情出演:*** *** **</p>   </marquee>
  <div id="moviedown"></div></div>

  滚动标签:<marquee>要滚动的文字/图像<img src=””>  </marquee>

下面是我对滚动标签中的一些常见属性的罗列:

滚动方向 direction=up/down/left/right (向上/向下/向左/向右)

滚动速度 scrollamount=4/5/6 (4/5/6是比较适合大家使用的三个滚动速度)

滚动行为 behavior=scroll/slide/alternate(循环滚动/只滚动一次/来回滚动)

滚动次数 loop=3(循环三次)

滚动延时 scrolldelay=1000(1000毫秒即一秒)

限制滚动区域大小width=”” height=""  bgcolor=""(用来显示出可以滚动的区域)

停止与滚动效果Onmouseover=this.stop() Onmouseout=this.start()

(鼠标放上面滚动效果停止,鼠标离开滚动继续)

注:以上都可作为<marquee></marquee>标签对里的开始标签里的属性添加想要的效果

css:

 #movie
  {
    width:360px;
    height:400px;
    background:url("F:\images\1.jpg");
    border:1px solid #000000;
    text-align:center;
    margin:auto;
    position:relative;
  }
  #movieup
  {
    width:100%;
    height:40px;
    background:#000000;
    position:absolute;
    top:0px;

  }
  #moviedown
  {
     width:100%;
     height:40px;
     background:#000000;
     position:absolute;
     bottom:0px;
  }

  

我本来把滚动效果录成微视频准备给大家看看的,但不知道是没这功能还是有点新手上路没找到在哪里上传本地视频,只能暂时先上传静态照片了,知道它是向上滚动的字幕即可,这只是滚动标签的一个简单应用,看到该篇随笔的园友们可以增添更多样式使它更加丰富多彩。

  

时间: 2024-10-10 10:04:16

电影结束效果的实现的相关文章

PS样式:电影英雄效果文字样式

今天为大家分享“PS样式:电影英雄效果文字样式”,支持在任何版本的Photoshop中使用,可以把电影英雄效果与文字结合在一起,用电影英雄效果文字样式效果制作一件艺术品. 电影英雄效果文字ps样式介绍 ps电影英雄效果文字样式具有高质量可以为您的文字产生更完美和有趣的效果,所有样式效果只需点击一下即可使用. 特征易于使用完全可编辑100%可扩展高分辨率/ 300 DPI处理任何字体和形状一次点击 原文地址:https://www.cnblogs.com/macai/p/10919457.html

制作电影特效效果

实现效果:   知识运用: Lable控件的Font属性 PictureBox控件的Size属性 实现代码: private void button1_Click(object sender, EventArgs e) { timer1.Start(); pictureBox1.Visible = false; label1.Visible = true; } private void button2_Click(object sender, EventArgs e) { timer1.Star

夺命雷公狗---DEDECMS----27dedecms电影的下载地址的完成

我们现在要完成的是电影的下载地址这里: 我们的下载地址都是放在我们的dede_addonmovie(附加表)里面去才可以的,因为下载地址的个数是不能确定的,所以我们就将所有的下载地址存放到一个字段里面. 我们的下载地址存放的形式可以用  |   号来进行保存,如下所示: 3GP|人狗情未了01|176X144|http://www.showtp.com/01.3gp 3GP|人狗情未了02|176X144|http://www.showtp.com/02.3gp 3GP|人狗情未了03|176X

jquery实现的判断倒计时是否结束代码

jquery实现的判断倒计时是否结束代码:本章节介绍一段代码实例,此代码能够判断当前日期是否已经倒计时结束,此代码中并没有倒计时效果,只是判断是否倒计时完成,比如购物网站优惠期限等,虽然实际应用中,很少会出现类似的代码,不过希望能够给浏览者带来一定的启示作用.代码如下: function done(){ var str=$('#end').text(); var out=str.match(/\d+/g); console.log(out); var h=parseInt(out[0]),m=p

深入分析linux调度机制

一.说明 本文以linux-2.4.10 为例主要分析Linux 进程调度模块中的schedule 函数及其相关的函数.另外相关的前提知识也会说明.默认系统平台是自己的i386 架构的pc. 二.前提知识 在进行schedule 分析之前有必要简单说明一下系统启动过程,内存分配使用等.这样才能自然过渡到schedule 模块. 首先是Linux各个功能模块之间的依赖关系: 可见进程调度是整个内核的核心.但这部分,我想说明的是,我的pc是怎样把操作系统从硬盘装载到内存中,并启动进程调度模块的.然后

張國榮鮮為人知的52個電影秘密

1,<色情男女>主角原型是谁? 仔细看的话,会发现<色情男女>刘青云饰演的“尔东升”有一张被偷怕和同性朋友的亲密照 <色情男女>说的是满怀理想的年轻导演阿星(张国荣饰)由于处境艰难沦落执导三级片,他接受现实后,便决定拍出有质量不低俗三级片故事.一直来,这部电影都被观众认为是导演尔冬升在夫子自道,事实上,故事原型并不是他,尔冬升接受访问时都表示另有其人,也常常出于好意不愿说出对方名字. 毕竟拍三级片不是什么值得显耀的事.化名拍戏更是见怪不怪.电影里有一段情节,一导演得意的

2015第19周五《象与骑象人》《瞬变》读书笔记

维吉尼亚大学心理学家乔纳森·海特在他那本名为<象与骑象人>的书中类比:我们身上情绪化的一面,就是一只“大象”.而我们身上理性化的一面,则是这只大象的“骑象人”.这位骑象人坐在大象的背上,享有支配权,看上去是大象的主宰者.但是事实上,这位骑象人的控制权却是不稳固的.因为跟这只大象比较起来的话,他是如此的微不足道.每当这只6吨重的大象不愿意按照他所指出的方向前进的时候,这位骑象人就会失掉主动权,并被彻底打败.对于我们中的绝大部分人来说,大象打败骑象人,是我们生活中已经习以为常的事情. 乔纳森将自我

WPF学习之绘图和动画

如今的软件市场,竞争已经进入白热化阶段,功能强.运算快.界面友好.Bug少.价格低都已经成为了必备条件.这还不算完,随着计算机的多媒体功能越来越强,软件的界面是否色彩亮丽.是否能通过动画.3D等效果是否吸引用户的眼球也已经成为衡量软件的标准. 软件项目成功的三个要素是:资源.成本.时间.无论是为了在竞争中保持不败还是为了激发起用户对软件的兴趣,提高软件界面的美化程度.恰当的将动画和3D等效果引入应用程序都是一个必然趋势.然而使用传统的桌面应用程序开发工具和框架(如Winform.MFC.VB.D

第139期 《京城81号》

主持人(龙斌): 大部分恐怖片呢,都以超自然力的鬼魂来做为题材,而大部分的鬼魂题材电影有没有先入为主的告诉我们,这个世界上有鬼,而是在探讨世界上到底有没有鬼.这种探讨的主题呢,会带领观众一步一步的接近事件的真相,这一过程呢未知,正是恐怖片之所以恐怖的原因所在.但这类电影往往不能免俗的告诉我们,鬼就在你的身后不信你就回头.只有极少的,会从科学的角度去解释电影当中所发生的一切,最终给出结论,一切都是人吓人.这样的电影呢,往往都会成为鬼片当中的极品,中国恐怖片的尴尬之处呢便在于此了,最开始限定呢这个世