HTML 中marquee 标记
来源:互联网 发布:两张表数据同步sql 编辑:程序博客网 时间:2024/04/28 05:38
先了解一下对象的几个的属性:
innerHTML: 设置或获取位于对象起始和结束标签内的 HTML
scrollHeight: 获取对象的滚动高度。
scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop: 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth: 获取对象的滚动宽度
offsetHeight: 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft: 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop: 获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
offsetWidth: 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度
采用无缝连接上下滚动、鼠标在上面停止移动,鼠标离开继续循环
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<MARQUEE behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100" ><SPAN unselectable="on"></SPAN></MARQUEE>
<DIV id="scrollobj" style="white-space:nowrap;overflow:hidden;height: 200px;width: 150px" onmouseover="aa()" onmouseout="b()" >
[CROSSSELLING3]<br/>
[CROSSSELLING4]<br/>
[CROSSSELLING5]<br/>
[CROSSSELLING6]<br/>
[CROSSSELLING7]<br/>
[CROSSSELLING8]<br/>
[CROSSSELLING9]<br/>
[CROSSSELLING10]<br/></DIV>
<script language="javascript" type="text/javascript">
function scroll(obj) {
var tmp = (obj.scrollTop)++;
//当滚动条到达右边顶端时
if (obj.scrollTop==tmp) obj.innerHTML += obj.innerHTML;
//当滚动条滚动了初始内容的宽度时滚动条回到最左端
if (obj.scrollTop>=obj.firstChild.offsetHeight) obj.scrollTop=0;
}
var a = setInterval("scroll(document.getElementById('scrollobj'))",20);
function aa(){
clearInterval(a);
}
function b(){
a=setInterval("scroll(document.getElementById('scrollobj'))",10);
}
</script>
</body>
</html>
- HTML 中marquee 标记
- html中Marquee属性
- HTML中marquee介绍
- HTML中Marquee属性详解
- html中Marquee属性详解
- html中marquee标签的使用
- HTML中MARQUEE标签实现文字移动
- HTML中标记文字
- marquee标记的用法
- 《marquee》滚动条标记
- Marquee标记全解
- asp中去掉HTML标记
- HTML中meta标记详解
- 用好活动字幕标记--Marquee
- html中Marquee属性详解(滚动显示文本/图片)
- html中Marquee属性详解 用于文字,图片等等....
- 由html中<marquee>标签使用,遐想开来..
- HTML中让图片滚动的<marquee>标签的使用方法
- Linux基础学习-Linux开关机命令
- Bone Collector 背包
- 新的地方,新的开始
- Android开发打开模拟器时提示:Hint: use '@foo' to launch a virtual device named 'foo'.
- 设计模式三部曲--3
- HTML 中marquee 标记
- ZKTFinger指纹验证过程
- Linux基础学习-属性与权限控制
- 了解买家的购买行为,才能做好卖家
- 结合性的问题
- 通过IIS局域网连调
- init RC 的讲解
- linux常用关机命令及其区别-Shutdown halt reboot init
- Linux基础学习-磁盘与文件系统的组织和原理