介绍
这篇文章将为大家详细讲解有关原生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 "> 脚本>