<html>
<head>
</head>
<body>
<table>
<tr>
<td>
<table style="WIDTH: 252px" border="1" cellspacing=0 cellpadding=0>
<tbody>
<tr>
<td style="WIDTH: 429px; HEIGHT: 280px" colspan=3 rowspan=2>
<marquee onMouseOver=this.stop() style="WIDTH: 426px; HEIGHT: 280px" onMouseOut=this.start() scrollamount=4 scrolldelay=500 direction=up>
<center><span style="FONT-SIZE: 9pt"><br>
我会滚动,把鼠标放上来我就停了。<br><br>
加“direction=up”我就从下往上滚。<br><br>
用”scrollamount=2“来调整我滚的速度,<br><br>
数字越大,我滚的越快。<br><br>
当”scrolldelay=700“的值变大时,我滚动的时延就变长。
</span></center>
</marquee>
</td>
</tr>
<tr></tr>
</tbody>
</table>
</td>
<td>
<table style="WIDTH: 252px" border="1" cellspacing=0 cellpadding=0>
<tbody>
<tr>
<td style="WIDTH: 429px; HEIGHT: 280px" colspan=3 rowspan=2>
<marquee onMouseOver=this.stop() style="WIDTH: 426px; HEIGHT: 280px" onMouseOut=this.start() scrollamount=2 scrolldelay=7 direction=down>
<center><span style="FONT-SIZE: 9pt"><br>
我会滚动,把鼠标放上来我就停了。<br><br>
加“direction=down”我就从上往下滚。
</span></center>
</marquee>
</td>
</tr>
<tr></tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table style="WIDTH: 252px" border="1" cellspacing=0 cellpadding=0>
<tbody>
<tr>
<td style="WIDTH: 429px; HEIGHT: 280px" colspan=3 rowspan=2>
<marquee onMouseOver=this.stop() style="WIDTH: 426px; HEIGHT: 280px" onMouseOut=this.start() scrollamount=2 scrolldelay=7 direction=right>
<center><span style="FONT-SIZE: 9pt"><br>
我会滚动,把鼠标放上来我就停了。<br><br>
加“direction=right”我就从右往左滚。
</span></center>
</marquee>
</td>
</tr>
<tr></tr>
</tbody>
</table>
</td>
<td>
<table style="WIDTH: 252px" border="1" cellspacing=0 cellpadding=0>
<tbody>
<tr>
<td style="WIDTH: 429px; HEIGHT: 280px" colspan=3 rowspan=2>
<marquee onMouseOver=this.stop() style="WIDTH: 426px; HEIGHT: 280px" onMouseOut=this.start() scrollamount=2 scrolldelay=7 direction=left>
<center><span style="FONT-SIZE: 9pt"><br>
我会滚动,把鼠标放上来我就停了。<br><br>
加“direction=left”我就从左向右滚。
</span></center>
</marquee>
</td>
</tr>
<tr></tr>
</tbody>
</table>
</td>
</tr>
</table>
</body>
</html>
分享到:
相关推荐
消息列表向上滚动,不使用js操作,纯css3实现向上无缝滚动。
css制作上下左右箭头 css制作上下左右箭头 css制作上下左右箭头 css制作上下左右箭头 css制作上下左右箭头
DIV+CSS上下左右绝对居中
html css+纯js实现无缝连接循环的滚动字幕,内有注释
使用纯CSS实现的滚动字幕(跑马灯),使用了 animation 和 transform 结合,移动端和PC端都可使用
HTML+CSS实现最简单的滚动条显示隐藏和更改滚动条样式
一款简单的js+css3文字上下滚动切换动画特效,可设置多种不同颜色的文字。
jQuery+CSS 幻灯片左右自动滚动带数字与左右点击焦点幻灯片
主要介绍了用CSS3实现无限循环的无缝滚动的实例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
css动画的一个应用,与此前的css走马灯同样的内容。只是一次不同的应用,具体实现如下 序号 姓名 年龄 性别 专业 </ul>
基于CSS和JavaScript的网页滚动字幕.pdf
纯CSS实现的表格滚动条效果,非常美观和实用。代码简短清晰。
css滚动图代码css滚动图代码css滚动图代码css滚动图代码css滚动图代码
纯CSS代码实现的图片列表滚动.rar纯CSS代码实现的图片列表滚动.rar纯CSS代码实现的图片列表滚动.rar纯CSS代码实现的图片列表滚动.rar纯CSS代码实现的图片列表滚动.rar纯CSS代码实现的图片列表滚动.rar
html5+css3技术实现3D网页内容上下左右四个方向滚动切换特效.zip
CSS3实现八方向云台遥控器样式,开发的项目需要一个可以八个方向调节的云台控制器,翻阅多位大佬的博文后实现,现记录下来,以备以后用到。
左右滚动图片,每次点击均会向右(左)移动一个单位,效果很不错 不过推荐的理由不是这个,而是在高版本浏览器下,鼠标在图片上悬停的时候有一定的动画效果
纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.
纯CSS代码实现的图片列表滚动,就像有些网站的图片友情链接的功能一样,有拖动条哦,采用CSS实现类似框架的效果,好处是对搜索引擎友好,并非使用了框架,实现方法推敲一下,部分图片实现了透明效果。
一半只有table,默认图片才会上下居中,现在只需要加几行css即可实现,高级。使用方法简单:图片外围包含两个容器即可,并设置图片宽度以及高度,如果是动态读取的话,则需要程序传递一个图片的高度以及宽度即可。