原生js怎么实现简单的焦点图效果

  介绍

这篇文章将为大家详细讲解有关原生js怎么实现简单的焦点图效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

js是什么

js是JavaScript的简称,它是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的一部分,主要用于web的开发,可以给网站添加各种各样的动态效果,让网页更加美观。

用到一些封装好的运动函数,主要是定时器

<>强效果为图片和图片的描述定时自动更换。

& lt; ! DOCTYPE  html>   & lt; html>   ,& lt; head>   ,& lt; meta  charset=癠TF-8"比;   ,& lt; title> & lt;/title>   ,& lt; style 类型=拔谋?css"比;   ul,才能   ,,,   p,才能   h4 {才能   ,,填充:0;   保证金才能:0;   list-style才能:没有;   ,,}   ,,   img {才能   边界:才能,没有;   vertical-align才能:最高;   ,,}   ,,   # bg_box {才能   ,,宽度:1000 px;   ,,身高:590 px;   保证金才能:50 px 汽车;   位置:,才能相对;   背景:才能,url (img/bg1.jpg),不再重演;   ,,}   ,,   .pic {才能   ,,宽度:440 px;   ,,身高:274 px;   位置:才能,绝对;   ,,:50 px;   ,,左:220 px;   ,,溢出:隐藏。   ,,}   ,,   .li_box {才能   ,,宽度:1760 px;   ,,身高:274 px;   位置:才能,绝对;   ,,左:0;   ,,}   ,,   .tags {才能   ,,宽度:440 px;   ,,身高:80 px;   位置:才能,绝对;   底才能:-80 px;   ,,背景图片:线性渐变(0度,rgba (0, 0, 0, 0.4), 0%, rgba (255,, 255,, 255,, 0), 100%);   ,,颜色:白色;   ,,padding-left: 20 px;   ,,padding-top: 15 px;   ,,box-sizing: border-box;   ,,}   ,,   .tags才能:nth-of-type (1), {/*下才能:0;*/,,}   ,,   .img {才能   浮:,才能离开;   ,,宽度:440 px;   ,,身高:274 px;   ,,}   ,,   h4 {才能   字体:才能,bold  20 px/30 px “微软雅黑“;   ,,}   ,,   p {才能   ,,字体:16 px/30 px “微软雅黑“;   ,,}   ,& lt;/style>   ,& lt; https://www.yisu.com/zixun/script  src=" tween.js ">