<!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>
制作由下向上的滚动字幕,字幕内容要求包含网站超级链接和图片超级链接, 使用鼠标移动事件控制字幕运动和停止。 2、在下拉列表框中设置五种以上颜色,选择颜色后, 滚动字幕背景色改变成相应颜色
时间: 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]引用类型值是指那些可以