制作由下向上的滚动字幕,字幕内容要求包含网站超级链接和图片超级链接, 使用鼠标移动事件控制字幕运动和停止。 2、在下拉列表框中设置五种以上颜色,选择颜色后, 滚动字幕背景色改变成相应颜色

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <!--
        时间:2016-12-28
        描述:1、制作由下向上的滚动字幕,字幕内容要求包含网站超级链接和图片超级链接,
                   使用鼠标移动事件控制字幕运动和停止。
            2、在下拉列表框中设置五种以上颜色,选择颜色后,
                   滚动字幕背景色改变成相应颜色
    -->
    <body style="text-align: center;">
        <div id="d" style=" margin-top: 100px; height:90px;overflow:hidden; border: 2px chartreuse;">
        <div id="d1">
            <a href="广告.html" target="_top">广告</a><br>
            <a href="雪花特效.html">雪花特效</a><br>
            <a href="节点增删改查.html"><img src="img/2.jpg" style="height: 20px; width: 100px;"></a><br>
            <a href="随机数.html">随机数</a><br>
            <a href="星空特效.html">星空特效</a><br>
            
        </div>
        <div id="d2"></div>
        </div>
        <form action="" method="post" style="position: relative; padding-top:180px;">
        <select onchange="Change(this)">
            <option>white</option>
            <option>yellow</option>
            <option>blue</option>
            <option>red</option>
            <option>block</option>
        </select>
    </form>
        <script>
        var speed=40;
        var d1=document.getElementById("d1");
        var d2=document.getElementById("d2");
        var d=document.getElementById("d")
        var top=d.scrollTop;
        d2.innerHTML=d1.innerHTML;
        function star(){
            if(d2.offsetTop-d.scrollTop<=100){
                        d.scrollTop-=d1.offsetHeight;
                        
                    }                    
                    else{
                    d.scrollTop++;
                    }
                    
                }
                var MyMar=setInterval(star,speed);
                d.onmouseover=function() {clearInterval(MyMar)}
                d.onmouseout=function() {MyMar=setInterval(star,speed)}
                
                
        function Change(selObj){
             newColor = selObj.options[selObj.selectedIndex].text;
            document.bgColor=newColor
        }
            
        </script>
    </body>
</html>

时间: 2024-12-28 14:30:58

制作由下向上的滚动字幕,字幕内容要求包含网站超级链接和图片超级链接, 使用鼠标移动事件控制字幕运动和停止。 2、在下拉列表框中设置五种以上颜色,选择颜色后, 滚动字幕背景色改变成相应颜色的相关文章

数据库中的五种约束及其添加方法

数据库中的五种约束及其添加方法五大约束1.—-主键约束(Primay Key Coustraint) 唯一性,非空性 2.—-唯一约束 (Unique Counstraint)唯一性,可以空,但只能有一个 3.—-检查约束 (Check Counstraint) 对该列数据的范围.格式的限制(如:年龄.性别等) 4.—-默认约束 (Default Counstraint) 该数据的默认值 5.—-外键约束 (Foreign Key Counstraint) 需要建立两表间的关系并引用主表的列五大

Oracle--数据库中的五种约束

数据库中的五种约束 数据库中的五种约束及其添加方法 五大约束 1.--主键约束(Primay Key Coustraint) 唯一性,非空性 2.--唯一约束 (Unique Counstraint)唯一性,可以空,但只能有一个 3.--检查约束 (Check Counstraint) 对该列数据的范围.格式的限制(如:年龄.性别等) 4.--默认约束 (Default Counstraint) 该数据的默认值 5.--外键约束 (Foreign Key Counstraint) 需要建立两表间

Java中的五种单例模式实现方法

[代码] Java中的五种单例模式实现方法 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 package s

Redis中的五种数据结构

Strings: Lists: Sets: Hashes: Zsets: Redis中的五种数据结构

聊聊 Linux 中的五种 IO 模型

本文转载自: http://mp.weixin.qq.com/s?__biz=MzAxODI5ODMwOA==&mid=2666538919&idx=1&sn=6013c451b5f14bf809aec77dd5df6cff&scene=21#wechat_redirect 上一篇<聊聊同步.异步.阻塞与非阻塞>已经通俗的讲解了,要理解同步.异步.阻塞与非阻塞重要的两个概念点了,没有看过的,建议先看这篇博文理解这两个概念点.在认知上,建立统一的模型.这样,大家在

探究JavaScript中的五种事件处理程序

我们知道JavaScript与HTML之间的交互是通过事件实现的.事件最早是在IE3和Netscape Navigator 2中出现的,当时是作为分担服务器运算负载的一种手段. 通俗地理解,事件就是用户或浏览器自身执行的某种操作.而事件处理程序即为响应某个事件的函数.抽出主干,即事件处理程序为函数.  我们又把事件处理程序称为事件侦听器.  事件处理程序是以"on"开头的,因此对于事件on的时间处理程序即为onclick.时间处理程序在JavaScript中大致有五种,下面会根据这五种

Unix网络编程中的五种I/O模型_转

转自:Unix网络编程中的的五种I/O模型 下面主要是把unp第六章介绍的五种I/O模型. 1. 阻塞I/O模型 例如UDP函数recvfrom的内核到应用层.应用层到内核的调用过程是这样的:首先把描述符.接受数据缓冲地址.大小传递给内核,但是如果此时 该与该套接口相应的缓冲区没有数据,这个时候就recvfrom就会卡(阻塞)在这里,知道数据到来的时候,再把数据拷贝到应用层,也就是传进来的地址空 间,如果没有数据到来,就会使该函数阻塞在那里,这就叫做阻塞I/O模型,如下图: 2. 非阻塞I/O模

C++ Builder2010窗体生命周期中的五种事件

C++ Builder2010窗体的生命周期是指窗体从创建到关闭的过程.在C++ Builder2010窗体的生命周期中,有以下五种事件发生. OnCreate 发生在窗体被创建时.通常在此事件中进行初始化工作. OnShow 发生在窗体显示出来时 OnActivate 发生在窗体被激活时 OnCloseQuery 发生在窗体尝试关闭时.通常在此事件中进行窗体关闭前的一些准备工作 OnClose 发生在窗体关闭时 下面,我们通过C++Builder2010创建VCL Forms Applicat

2.1 javascript中的五种基本数据类型(待更新)

[0]5种数据类型: [0.1]基本数据类型:Undefined.Null.Boolean.Number.String [0.1.1]基本类型值是指简单的数据段,5种基本类型是按值访问的,因为可以操作保存在变量中的实际值 [0.1.2]基本类型的值在内存中占据固定大小的空间,被保存在栈内存中.从一个变量向另一个变量复制基本类型的值,会创建这个值的一个副本. [0.1.3]不能给基本类型的值添加属性 [0.2]引用数据类型:Object ☆重点理解和掌握部分: [0.2.1]引用类型值是指那些可以