Advertisement

滚动显示图片

阅读量:

用H5实现图片滚动显示像跑马灯一样的效果。

程序详解:
图片滚动过程的启动与终止机制
鼠标悬停状态的识别与离开检测
持续运行的循环结构
滚动过程中速度变化的控制方式

效果演示(图片自右向左滚动)

在这里插入图片描述

代码演示示例

复制代码
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<style>
    		<style>
    		        *{
    		            padding: 0;
    		            margin: 0;
    		        }
    		        img{
    		            width: auto;
    		            height: 180px;
    		        }
    		        div{

全部评论 (0)

还没有任何评论哟~