仅用CSS+HTML实现图片放大功能

最新推荐文章于 2024-04-17 05:10:14 发布

zjut_acm

最新推荐文章于 2024-04-17 05:10:14 发布

阅读量1.8k

点赞数

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/zjut_acm/article/details/44944671

版权

备注：最好在firefox或chrome运行，在IE效果没出现 -。-

效果如下：

备注：实现这个功能我仅使用了一个html和一个css，具体代码如下，好的话可以拿去：

-----Fancy.html-----

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="Fancy.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>CSS3 Image Gallery</h1>
<div id="gallery">
    <ul>
        <li>
            <img src="Fancyimg/imagen1_small.jpg" class="mini" width="100" height="100" /><img src="Fancyimg/imagen1.jpg" class="pic"  />
        </li>
        <li>
            <img src="Fancyimg/imagen2_small.jpg" class="mini" width="100" height="100" /><img src="Fancyimg/imagen2.jpg" class="pic"  />
        </li>
        <li>

最低0.47元/天解锁文章

zjut_acm

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
仅用CSS+HTML实现图片放大功能

备注：最好在firefox或chrome运行，在IE效果没出现 -。-效果如下：备注：实现这个功能我仅使用了一个html和一个css，具体代码如下，好的话可以拿去：-----Fancy.html-----Insert title hereCSS3 Image Gallery
复制链接

扫一扫