文章图片
文章图片
文章图片
<
html
>
文章图片
文章图片
<
head
>
文章图片
<
meta
http-equiv
="Content-Type"
content
="text/html;
charset=gb2312"
>
文章图片
<
title
>
JK:支持民族工业,尽量少买X货
文章图片
文章图片
<
script
language
=javascript
defer
>
...
文章图片
文章图片
marqueeDiv1.childOffsetWidth=marqueeDiv1.children[0].offsetWidth;
文章图片
marqueeDiv1.insertAdjacentHTML("beforeEnd",marqueeDiv1.innerHTML+marqueeDiv1.innerHTML);
文章图片
window.setInterval("marqueeDiv1.scrollLeft=(marqueeDiv1.scrollLeft+marqueeDiv1.tempSpeed*1)%marqueeDiv1.childOffsetWidth;
",20);
文章图片
文章图片
marqueeDiv2.childOffsetHeight=marqueeDiv2.children[0].offsetHeight;
文章图片
marqueeDiv2.insertAdjacentHTML("beforeEnd",marqueeDiv2.innerHTML+marqueeDiv2.innerHTML);
文章图片
window.setInterval("marqueeDiv2.scrollTop=(marqueeDiv2.scrollTop+marqueeDiv2.tempSpeed*1)%marqueeDiv2.childOffsetHeight;
",20);
文章图片
文章图片
文章图片
文章图片
文章图片
文章图片
<
body
>
文章图片
横向连续滚动：
<
br
>
文章图片
<
div
id
=marqueeDiv1
nowrap style
="width:800;
overflow:hidden;
background-color:#cccccc;
"
defaultSpeed
=2
tempSpeed
=2
onmouseOver
="this.tempSpeed=0;
"
onmouseOut
="this.tempSpeed=this.defaultSpeed;
"
>
文章图片
<
span
style
="width:500;
"
>
文章图片
<
font
color
=red
>
内容１
<
font
color
=blue
>
内容２
<
font
color
=black
>
可以通过设置span的width以决定连续之间的空白
文章图片
文章图片
文章图片
文章图片
<
br
>
文章图片
<
br
>
文章图片
文章图片
纵向连续滚动：
<
br
>
文章图片
<
div
id
=marqueeDiv2
nowrap style
="Height:200;
overflow:hidden;
background-color:#cccccc;
"
defaultSpeed
=2
tempSpeed
=2
onmouseOver
="this.tempSpeed=0;
"
onmouseOut
="this.tempSpeed=this.defaultSpeed;
"
>
文章图片
<
div
style
="height:150px;
"
>
文章图片
<
font
color
=red
>
内容１
<
br
>
文章图片
<
font
color
=blue
>
内容２
<
br
>
文章图片
<
font
color
=black
>
可以通过设置sub div的height以决定连续之间的空白
文章图片
文章图片
文章图片
文章图片
文章图片
文章图片
推荐阅读
- 操作系统|[译]从内部了解现代浏览器(1)
- web网页模板|如此优秀的JS轮播图，写完老师都沉默了
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- vue.js|vue中使用axios封装成request使用
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- JavaScript|JavaScript之DOM增删改查(重点)
- javascript|vue使用js-xlsx导出excel，可修改格子样式，例如背景颜色、字体大小、列宽等
- javascript|javascript中的数据类型转换