鼠标放上图片更换
实际内容是图片横换位移或位置
.btn01 { background: url("../p_w_picpaths/1.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 86px; width: 53px; } .btn01:hover { background-position: -53px 0; height: 86px; width: 53px; }
鼠标放上图片更换
实际内容是图片横换位移或位置
.btn01 { background: url("../p_w_picpaths/1.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 86px; width: 53px; } .btn01:hover { background-position: -53px 0; height: 86px; width: 53px; }
上一篇:新闻向上像素滚动
今天分享的是一个文字按钮链接,当鼠标悬浮时,线条会发生动态变化的效果。
方法一: 用 mouseenter() 和 mouseleave() 实现<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <s
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M