Web前端-JS效果-图片自动获取焦点与切换

最新推荐文章于 2021-02-20 11:31:03 发布

艺术2333

最新推荐文章于 2021-02-20 11:31:03 发布

阅读量2.5k

点赞数 1

分类专栏： JS效果文章标签： html javascript

本文链接：https://blog.csdn.net/jianzhonghao/article/details/60866085

版权

一个自动获取图片焦点，并定时切换的代码：
此图镇楼：
这里写图片描述

1.html代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>JS焦点幻灯代码 </title>

<script type="text/javascript" src="js/js1.js"></script>
<link rel="stylesheet" href="css/base.css" />

<style type="text/css">
#ifocus { width:500px; height:266px;margin:0 auto;border:1px solid #DEDEDE; background:#F8F8F8; }
#ifocus_pic { display:inline; position:relative; float:left; width:400px; height:266px; overflow:hidden;  }
    #ifocus_piclist { position:absolute; }
    #ifocus_piclist li { width:400px; height:266px; overflow:hidden; }
    #ifocus_piclist img { width:400px; height:266px; margin: 0 auto;}

#ifocus_btn { display:inline; float:left; width:99px;margin-right:1px ;}
    #ifocus_btn li { width:98px; height:53px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
    #ifocus_btn img { width:98px

最低0.47元/天解锁文章

艺术2333

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
Web前端-JS效果-图片自动获取焦点与切换

一个自动获取图片焦点，并定时切换的代码：此图镇楼： 1.html代码：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head>
复制链接

扫一扫