请写一个简单的幻灯效果页面,不使用JS来完成怎么做_Panda_Joy的博客-程序员宅基地

技术标签: 前端笔试题  target伪类  css(css3)  css3  

考点:CSS3 :target伪类

<!DOCTYPE HTML>
<html>
<head>
    <style>
        #cont {
            position: relative;
            height: 100px;
        }
        img {
            position: absolute;
            width: 100px;
            height: 100px;
            z-index: 1;
        }
        img:first-child,
        img:target {
            z-index: 2;
        }
    </style>
</head>
<body>
<div id="cont">
    <img id="img1" src="a.jpg">
    <img id="img2" src="b.jpg">
</div>
<div>
    <a href="#img1">one</a>
    <a href="#img2">two</a>
</div>
</body>
</html>


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/yongxiaokang1/article/details/41644237

智能推荐

自旋锁解析及自写自旋锁_heaven殇灬的博客-程序员宅基地

自旋锁解析及自写自旋锁1.什么叫自旋锁?是指尝试获取锁的线程不会立即阻塞,而是采用循环的方式去尝试获取锁,这样做的好处是减少了线程的上下文切换的消耗,但是缺点是循环会消耗CPU2.手写自旋锁package com.example.demo;import java.util.concurrent.TimeUnit;import java.util.concurrent.atomic.AtomicReference;/** * Created by Administrator on 2020

常用可视化库_adamlay的博客-程序员宅基地_可视化库

常用可视化库1. Matplotlib1.1 matplotlib库1.1.1 绘图1.1.2 图像、文字设置1.1.3 图像IO1.1.4 Axes轴面设置1.1.5 Figure对象设置1.2 plt.plot()属性设置图像风格和样式1.3 plt.rcParams1.4 常用实参字符标记字符线型字符颜色字符1.5 pie()属性2. Pyecharts2.1 Pyecharts库2.1.1 导入2.1.2 常用图表2.1.3 其他图表2.1.4 图像设置及渲染2.1.5 Pyecharts.Opti

Python字符与字节新编_luck738的博客-程序员宅基地

字符字符是一个信息单位,简单来讲就是一个字母、数字、标点符号、汉字等。字符的最佳定义是Unicode字符:(文章转载自乐字节)它是一个全球化的标准,能表示世界上所有语言的字符。Unicode字符的标识(码位)是以4~6个十六进制数字表示的,并且加前缀U+。字节字节是计算机信息计量单位,一个字节代表八个比特,存储的数值范围为0~255。字节跳动(ByteDance)互联网公司的字节就是这个字节。字节是机器的,字符是人类的。把人类字符转换为机器字节时使用的算法叫做编码,反之叫做解码。算法不同

上交大 2011 二次方程计算器_dixiang1123的博客-程序员宅基地

题目:输入关于x的二次方程表达式(系数为整数),输出两个解(由小到大输出,保留两位小数);如果无解,则输出“No Solution”。思路:先确定等号位置,分成左右两个字符串,从中分别提取系数,再综合。然后求解。提取系数的过程如图:过程:介绍两个函数:atoi()函数可以识别"+""-"号,并正确转化成int。string str="-2980";string s...

只重写equals()但不重写hashCode会有什么后果?_1024276449的博客-程序员宅基地_不重写hashcode有什么影响

只重写equals()但不重写hashCode会有什么后果?1.如果判断两个数如果hashCode相同则equals不一定相同,反而equals相同则hashCode则一定相同。2.那么我们只重写equals()但不重写hashCode会有什么后果?如果我们不将我们重写equals方法的类放到HashSet等散列表中时则不会有什么影响,但如果放到我们的散列表中时我们的散列表则会优先比较HashCode所以可能会产生错误。...

Struts2中的设计模式_7潜伏7的博客-程序员宅基地_struts2设计模式

设计模式(Design pattern)是经过程序员反复实践后形成的一套代码设计经验的总结。设计模式随着编程语言的发展,也由最初的“编程惯例”逐步发展成为被反复使用、并为绝大多数程序员所知晓的、完善的理论体系。我们使用设计模式(Design pattern)的初衷,是使代码的重用度提高、让代码能够更容易被别人理解以及保证代码的可靠性。毫无疑问,在程序中使用设计模式无论是对于程序员自身还是对于应用程

随便推点

7.SpringBoot整合Kafka_扛麻袋的少年的博客-程序员宅基地

1.引入Maven依赖&lt;!-- springboot整合kafka --&gt;&lt;dependency&gt; &lt;groupId&gt;org.springframework.kafka&lt;/groupId&gt; &lt;artifactId&gt;spring-kafka&lt;/artifactId&gt; &lt;version&gt;...

Ane制作_weixin_34228387的博客-程序员宅基地

ANE 的制作方式第一步:打开vs2010,新建工程 win32工程 NativeAdd,将dllmain.cpp 修改成如下图所示:// dllmain.cpp : 定§义°? DLL 应|用?程¨序¨°的?入¨?口¨点?。ê#include &lt;Windows.h&gt;B...

python入门指标_Python基础 | pandas基础统计_weixin_39567169的博客-程序员宅基地

本文示例数据下载,密码:vwy3import pandas as pdimport numpy as np# 数据是之前在cnblog上抓取的部分文章信息df = pd.read_csv('./data/SQL测试用数据_20200325.csv',encoding='utf-8')df.head(3)单列统计单列单统计指标# 计数(不去重),不会将NaN值计算在内df['read_cnt'].c...

cf 1154G Minimum Possible LCM_二分抄代码的博客-程序员宅基地

...这题关键在他的a[i]&lt;=1e7那么我们知道lcm(a,b)=a*b/gcd(a,b);那么我们只要枚举每一个因数d,不管他是不是gcd然后找出能被这个d整除的最小的两个数字a,b那么对于这个因数d,tmp=a*b/d,ans=min(ans,tmp)由于我们枚举了1-1e7所有的质因子,所以就算a*b/d不是lcm,但之后总会枚举到a*b/gcd(a,b)而使...

java excel 加密_Java 加密/解密Excel_丸子里里的博客-程序员宅基地

概述设置excel文件保护时,通常可选择对整个工作簿进行加密保护,打开文件时需要输入密码;或者对指定工作表进行加密,即设置表格内容只读,无法对工作表进行编辑。另外,也可以对工作表特定区域设置保护,即设置指定区域可编辑或者隐藏数据公式,保护数据信息来源。无需设置文档保护时,可撤销密码保护,即解密文档。下面,将通过java程序演示以上加密、解密方法的实现。示例大纲1. Excel工作簿1.1 加密工作...

Spring Cloud 核心组件 Dubbo-Nacos_m0_37567301的博客-程序员宅基地

Spring Cloud 核心组件 Dubbo-Nacos作者:DecaMinCow博客:http://blog.csdn.net/m0_37567301邮箱:decamincow#gmail.com (#-&gt;@)Dubbo 介绍阿里研发的 RPC 框架注册中心为 nacos 的 dubbo 示例1. Provider依赖文件&lt;dependency&gt; &lt;groupId&gt;com.alibaba.cloud&lt;/groupId&gt; &l

推荐文章

热门文章

相关标签