在网页中很多时候都需要看到效果,比如点击的时候,或者鼠标滑过的时候,使用户能够很清滋倩哔价晰的看到自己的操作,那么怎么在网页中呈现点击的效果呢 ?
工具/原料
编辑器
浏览器
css点击效果
1、效果一般都是在静态页面中实现的,我们可以新建一个静态页命名为click.html,title为“怎么在网页中呈现点击效果”

2、在body中加入两个div两个设置相同的样式,一个加上点击时候看到的效果,另外一个是不加点击时候的样式

3、在head之中加上样式,一个为css样式,一个为样式onclick,两个div都同为宽200,高100,相同的样式为css设置基本的样式

4、两个div都是边框为5,宽200px ,高100px ,边框为灰黑色,在页面中打开该页面如果点击了加onclick的div那么该div的边框为红色,如果点击的时候为红色,那么就证明有了点击效果

js点击效果
1、这个可以用js也能来实现,就是在点击的时候把图片给换掉就看到点击效果了,首先在div中都加入img图片


2、在head之中加入js代码当点击第一个图片的时候切换为另外一个图片,如果更换了就代表点击效果呈现成功


