`
zhongaili520
  • 浏览: 2544 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

选项卡 + 字幕滚动效果

    博客分类:
  • js
阅读更多
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>选项卡 + 字幕滚动效果</title>
</head>

<body>

<style type="text/css">
#divControl {position:absolute; left:120px; top:190px; width:250px; font-size:10pt; font-family:arial,helvetica,sans-serif; visibility:hidden;}
#divCont    {position:absolute; left:120px;top:250px; width:250px; height:150px; clip:rect(0px 250px 150px 0px);}
.clScroll   {position:absolute; font-size:10pt; font-family:arial,helvetica,sans-serif; visibility:hidden;}
</style>
<script language="JavaScript" type="text/javascript">
function lib_bwcheck(){ //Browsercheck (needed)
this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.opera5=this.agent.indexOf("Opera 5")>-1
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf("Mac")>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
return this
}
var bw=new lib_bwcheck()




//The speed of the timeout between each scroll.
timSpeed = 50

//The height of the container (change this when it scrolls to much or to little)
contHeight = 100


function makeScrollObj(obj,nest){
nest=(!nest) ? "":'document.'+nest+'.' 
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?(nest+'document.'+obj):0;
   this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?(nest+'document.'+obj):0; 
this.height=bw.ns4?this.css.document.height:this.el.offsetHeight
this.top=b_gettop         
return this
}

// A unit of measure that will be added when setting the position of a layer.
var px = bw.ns4||window.opera?"":"px";

//Getting the top for the top method
function b_gettop(){
var gleft=(bw.ns4 || bw.ns6)?parseInt(this.css.top):(this.css.pixelTop);
return gleft;
}
//Variables
var scrollTim = 1;
var active = 0;

function scroll(speed){
clearTimeout(scrollTim)
way = speed>0?1:0
if ((!way && oScroll[active].top()>-oScroll[active].height+contHeight) || (oScroll[active].top()<0 && way)){
  oScroll[active].css.top = (oScroll[active].top()+speed)+px
  scrollTim = setTimeout("scroll("+speed+")",timSpeed)
}
}
//Clears the timeout so the scroll stops, this is called onmouseout.
function noScroll(){
clearTimeout(scrollTim)
}

function changeActive(num){
oScroll[active].css.visibility = "hidden"
active = num
oScroll[active].css.top = 0+px
oScroll[active].css.visibility = "visible"
}

function scrollInit(){
oScroll = new Array()

// You can add and remove scrollObjects here.
oScroll[0] = new makeScrollObj('divScroll1','divCont')
oScroll[1] = new makeScrollObj('divScroll2','divCont')
oScroll[2] = new makeScrollObj('divScroll3','divCont')
oScroll[3] = new makeScrollObj('divScroll4','divCont')

oScroll[0].css.left = 0+px
oScroll[0].css.top = 0+px
oScroll[0].css.visibility = "visible"
oControl = new makeScrollObj('divControl')
oControl.css.visibility = "visible"
}

onload = scrollInit;

</script>
<div id="divControl">
<a href="#" onclick="changeActive(0); return false">第一页</a>
<a href="#" onclick="changeActive(1); return false">第二页</a>
<a href="#" onclick="changeActive(2); return false">第三页</a>
<a href="#" onclick="changeActive(3); return false">第四页</a>
<br><br>
<a href="#" onmouseover="scroll(5)" onmouseout="noScroll()" onclick="return false">向上</a>
<a href="#" onmouseover="scroll(-5)" onmouseout="noScroll()" onclick="return false">向下</a>
</div>
<div id="divCont">
<div id="divScroll1" class="clScroll">
  <br>    在主场击败灰熊之前,快船已经在他们之前9场的比赛当中输掉了8场,即便是大话连篇的主教练金特里也不得不承认这是他在教练生涯里所经历的最为黯淡的时刻。但是即便是这样严重的危机也没有触动金特里固执的神经,在主场击败灰熊之后,金特里又感觉良好地走在了老路上。金特里必须知道:“一场胜利并不意味着情况得到了扭转,不断下沉的快船有太多的窟窿要紧急修补。”

<br>    即使只从数据上来看,快船的退步也是十分明显的,他们的平均得分已经从每场95.7分下降到92.5分,命中率从43.8%下降到43.3%,篮板数从每场43.5个下降到41.7个,快船队的技术统计在全面下降,当然也有一些数据在升高,比如失误数,他们现在平均每场比赛失误16.5次。

<br>    金特里直到现在还在坚持,一旦快船队的主力球员能够从伤病中康复,一旦他能够重新拥有全部的队员,一切都会重归平静,快船队又会成为一支实力不俗的强队。他的全部论断都是建立在快船队这个赛季仅有的几场拿的出手的胜利。比如他们战胜活塞,击败马刺,以及两胜火箭。

<br>    我必须说我同意金特里的部分观点,那就是这支球队的确充满了潜力,而且的确有很多货真价实的天才。但是要知道,在这个联盟之中,同样充满潜力的球队并不在少数,偶尔的一场漂亮胜利,任何一支球队都能够取得,问题的关键是能否持续稳定地表现出较高地竞技水准。快船有足够的条件让自己成为一支强队,前提是他们必须找到正确的方法。

<br>    米勒是一个关键性的球员,因为伤病而只在本赛季出场六次的小前锋奥多姆也同样是一个不可多得的天才。奥洛沃坎迪也是一个处在上升期的优秀球员,但是球队糟糕的战绩能否留住他可是一个大大的问号。理查德森、马格特、皮亚考斯基、贾里奇都是能够用的上的球员,还有投手的问题,快船糟糕的命中率不是他们缺乏投手造成的,可以信赖的中国球员王治郅在大部分时间里,都被金特里放在了板凳上。他有足够优秀的才能来为快船队出力,但是前提是金特里必须意识到这一点。

<br>    如果让我坦率地讲出我对这支球队目前的印象的话,可能会让金特里有些难受。快船队在进攻的时候热衷于单打独斗,在防守的时候又站位稀松,他们没有一丝一毫地成为金特里所说的“强大球队”的迹象。明白地说如果他们不立刻修补他们自己的窟窿的话,船会沉的。

<br>    如果金特里仍然梦想带领快船跻身季后赛的话,他就必须在剩下的比赛中取得28场以上的胜利。这个目标显然让更多的人相信,他们已经和季后赛说再见了,但是即使如此,对于这支年轻的球队来说,在未来的比赛当中表现出一支季后赛球队应该具备的水准仍然是十分必要的。因为这样他们至少还能拥有尊严。

<br>    在受伤的球员逐渐回归主力阵容之后,快船队在实力上显然已经具备了取得佳绩的条件,在这种情况下,主教练金特里能否正确地运用他的球队就成为了快船队能否前进的关键。

<br>    金特里首先要做的就是改进球队的防守,如果不能够限制住对手的得分,尤其遏制住对手的快攻,快船队要想取得理想的战绩就会变得十分的艰难。此外还有投手的问题,金特里必须解决,那些认为有一两个主力队员回归之后,得分就会大幅度增加的想法过于天真。金特里必须明白有太多的事情需要他去改变,如果他还有欲望去取得胜利。(飞鹰编译)
</div>

<div id="divScroll2" class="clScroll">
  <br>新浪体育讯 卡塔尔多哈当地时间1月13日下午4点,备战十国赛的中国国奥队进行了第二次训练。在这次训练中,主教练沈祥福进行了分组对抗的小场地比赛,主力阵容浮出水面。图为周麟再做准备活动。(何其/摄)  
<br>
</div>

<div id="divScroll3" class="clScroll">
  科比-布莱恩特

  1月7日,湖人VS超音速,个人独得45分,其中包括创纪录的12个三分球,湖人119-98战胜超音速;

  1月10日,湖人VS骑士,得到个人职业生涯第八次三双,21分、10个篮板、11次助攻、4次抢断、3次高帽,湖人115-99战胜骑士;

  1月12日,湖人VS热队,得到36分、4次助攻、4次抢断以及3个篮板,湖人106-81战胜热队。  

  <br>
</div>

<div id="divScroll4" class="clScroll">
  小奥尼尔

  1月6日,步行者VS76人,得到17分(包括最后1.7秒钟投中决定胜负的一球)、13个篮板以及3次盖帽,步行者105-104加时赛战胜76人队;

  1月8日,步行者VS尼克斯,得到16分、8个篮板、2次助攻、2次抢断,步行者主场取胜;

  1月10日,步行者VS魔术队,得到21分,4个篮板、4次助攻、3次抢断,步行者101-97加时赛战胜魔术;

  1月11日,步行者VS勇士,得到23分、12个篮板、5次盖帽、3次助攻,步行者战胜勇士,这是小奥尼尔上周发挥最好的一场比赛。  

</div>
</div>

</body>

</html>
分享到:
评论

相关推荐

    电影左右滚动字幕特效ppt模板.rar

    1. **动画设置**:在PowerPoint中,可以通过“动画”选项卡来创建滚动效果。选择要滚动的文字或对象,然后添加“进入”或“路径”动画。例如,“平滑”或“沿路径”动画可以模拟字幕从一侧向另一侧移动的过程。 2. ...

    会声会影x8中制作滚动字幕详细教程.doc

    在出现的对话框中,设置“起始单位”和“终止单位”为“行”,以控制字幕滚动的起点和终点。 **步骤12:设置动画方向** 在“进入”选项组中,选择“从右边中间进入”,在“离开”选项组中,选择“从左边中间离开”...

    ppt中滚动字幕的制作与音乐同步的技巧

    5. **设置动画速度与延迟**:在“计时”选项卡中,将“延迟”设置为0秒,并将“速度”设置为与配乐相同的长度(本例中为32秒)。 #### 三、预览与调整 - 单击自定义动画窗格下方的“播放”按钮预览效果。如果发现...

    PPT滚动字幕制作及与音乐同步技巧.docx

    - 切换到“计时”选项卡,将“延迟”设置为0秒,将“速度”设置为音乐的时长(例如32秒)。 - 预览效果,如果需要,可以通过调整路径直线来优化动画的流畅度。 6. **预览和播放**: - 单击自定义动画窗格下方的...

    小精灵TopCG字幕系统图文教程

    - **定义左飞的高度**: 设置底行字幕滚动的高度。 - **定义左飞的透明底色**: 设置底行字幕背景的透明度。 综上所述,**小精灵TopCG字幕系统**是一款功能强大、易于使用的专业字幕软件,不仅能够满足基础的字幕编辑...

    视频添加卡拉OK字幕特效教程.docx

    2. **选择卡拉OK选项卡**:在主界面顶部找到并点击“卡拉OK”选项卡,这一步将帮助您切换到专门用于处理卡拉OK功能的工作环境。 3. **导入KSC歌词文件**:在卡拉OK工作环境中,通常会有一个歌词列表区域,在这个区域...

    PowerPoint动画效果.pdf

    PowerPoint动画效果是PowerPoint XP中的一种功能强大且灵活的动画效果,可以让用户自定义对象的动作路径、制作字幕滚动效果、让文字与旁白同步、让标题出现时跳几跳、让幻灯片自动播放等等。 自定义对象的动作路径...

    用C#制作字幕显示屏幕保护

    这可以通过在项目属性中设置`Application`选项卡下的`输出类型`为`屏幕保护程序`来实现。 接下来,我们需要设计屏幕保护程序的用户界面。由于这是一个字幕显示的屏幕保护,我们可能需要一个文本框控件来显示字幕,...

    Delphi 7编程100例

    动态设置选项卡页面 在标题栏中自定义按钮 窗体开合窗帘效果 Windows XP界面效果 实现OutLook滚动工具栏效果 在下拉列表框中显示树形视图 自定义系统的About项 修改系统级菜单 实现透明窗体效果 爆破特技窗体 只允许...

    图解PPT中制作声音字幕同步出现的方法.pdf

    - 转到“计时”选项卡,将“延迟”设置为0秒,确保动画立即开始。 - 更重要的是,将“速度”设置为与配乐相同的长度。在这个例子中,设置为32秒,确保音乐与文本滚动同步。 6. **预览与调整**: - 单击自定义...

    吉林省长春市第一零学八年级信息技术下册《丰富网页—加入动感组件》教案.doc

    8. 在“图像”选项卡中,可以调整按钮的尺寸、样式和背景,以满足设计需求。 【教学方法与评估】 教学过程中采用小组合作探究的方式,鼓励学生积极参与,动手实践。课堂上展示学生的作品,互相评价,以促进自我...

    PowerPoint使用技巧

    若需制作电影字幕般的滚动效果,可以使用“动画”选项卡中的“路径”功能。选择文字,添加路径动画,选择向下或向上的路径,调整速度和延迟,即可实现字幕滚动。 三、在没有安装PowerPoint2000的计算机上放映幻灯片...

    (完整word版)PREMIERe试题.doc

    它包括序列选项卡、播放头、控制工具、时间刻度线、时间码、音视频编辑轨道和缩放控件。轨道选择工具能帮助选取特定轨道上的所有内容,覆盖功能则允许从播放头位置开始替换时间线上的素材。 3. **素材处理**:比例...

    浙江省计算机一级考试复习纲要.pdf

    7. **滚动字幕创建**:通过“插入”-&gt;“组件”-&gt;“字幕”,设置合适的参数实现滚动效果。 8. **表单域的插入与属性设置**:使用“插入”-&gt;“表单”-&gt;“文本框”添加表单域,双击文本框设置其名称、初始值和TAB值。 ...

    Pr65教学.rar

    在字幕编辑器中,风格样式选项面板可以方便用户预览风格样式库中的各种文字风格样式,用户不仅可以使用样式库内置的样式,还可以自定义样式。自定义的样式可以包括各种格式,例如文字的基本属性、填充(Fill)、笔触...

    MT制作的全部网站常用的demo

    "选项卡"是另一种常见的网页组件,常用于节省空间并组织大量信息。使用jQuery,开发者可以实现点击不同标签显示相应内容的功能,使网页布局更加整洁,用户浏览更方便。 "瀑布流"布局是近年来流行的一种展示方式,...

    计算机一级资料.pdf

    11. 滚动字幕:通过“插入”菜单的“组件”选择字幕,设置参数。 12. 表单域设置:插入文本框,通过文本框属性窗口设置名称、初始值和TAB值。 13. 下拉菜单:插入下拉菜单,添加选项并设置属性。 14. 表单属性:...

Global site tag (gtag.js) - Google Analytics