clip:rect 隐藏控件

最新推荐文章于 2024-08-06 12:58:11 发布
最新推荐文章于 2024-08-06 12:58:11 发布
阅读量86 收藏
点赞数
文章标签： xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/fighting-from-now/archive/2011/08/25/2153820.html
版权


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <base href="http://www.wxwdesign.cn/works/" />
    <style type="text/css">
        body
        {
            margin: 0px;
            padding: 0px;
            font-size: 13px;
        }
.clip_a
{display:block; width:128px; height:128px;}

.clip_a img
{border:0; position:absolute; clip:rect(0 2560px 2560px 0);}

 

.clip_a:hover img
{position:absolute; clip:rect(128px 0px 0px 128px);}
    </style>

 

<a href="javascript:" class="clip_a"><img src="http://pic1a.nipic.com/2008-12-

18/2008121893348627_2.jpg" /></a>

这个必须是position:absolute的元素哦，当鼠标放在郁金香的图片上的时候，郁金香就没了

</body>
</html>

转载于:https://www.cnblogs.com/fighting-from-now/archive/2011/08/25/2153820.html

ainanzhu5726
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS clip:rect矩形剪裁功能及一些应用介绍
骆天一
10-25 7391
CSS clip:rect矩形剪裁功能及一些应用介绍 今天在一个网站上看到了一个有意思的动画，点我跳转   里面的动画用到了clip属性    clip，为修剪，剪裁之意。配合其属性关键字rect可以实现元素的矩形裁剪效果，貌似很少使用此属性，今天还是偶然间才看到这个属性，既然看见了自己不知道，那就不能放她走，我们来具体看下这个属性怎么用
CListCtrl控件失去焦点时仍保持高亮
做程序员好累的专栏
03-21 2584
1. 头文件中添加变量m_nSelItem int m_nSelItem; 2. 为ListCtrl控件添加NM_KILLFOCUS（失去焦点）和NM_SETFOCUS（得到焦点）消息 手动添加代码如下： 头文件中添加声明     afx_msg void OnNMKillfocusList(NMHDR *pNMHDR, LRESULT *pResult);     afx_msg
CSS --clip绝对定位元素的裁剪(隐藏该元素)
05-14 200
<form action="" name="" id="" role="search" method="get"> <fieldset class="search"> <label class="assistive-text" for="s">Search</label> ...
css隐藏元素的六种方法
热门推荐
muzidigbig的博客
07-09 1万+
用css隐藏页面元素有许多种方法：display:none (通过隐藏盒子属性，脱标)visibility:hidden(通过隐藏盒子属性，不脱标)opacity:0 (t)(通过改变元素的透明度，不脱标)position:absolute(通过定位将元素定到远离页面的位置，脱标)cli-path:polygon(0px 0px , 0px 0px,0px 0p...
JavaScript隐藏控件的方法
wise_man的专栏
05-04 1185
用JavaScript隐藏控件的方法有两种，分别是通过设置控件的style的“display”和“visibility”属性进行隐藏和显示。要用display隐藏，必须要display进行显示。style.visibility="visible" 或者style.display="block" 时控件可见，style.visibility="hidden" 或者style.display="none" 时控件不可见。下面为具体的示例：测试隐藏框体
HTML中img标签只显示图片中心位置的方法(三种方法)
09-28
首先，你需要将`<img>`标签的`position`属性设置为`absolute`，然后使用`clip: rect(top, right, bottom, left)`来定义图片显示的矩形区域。例如： ```html <img src="your-image-url" style="position: absolute; ...
MFC中控件颜色控制
11-10
CLIP_DEFAULT_PRECIS, DEFAULT_QUALITY, DEFAULT_PITCH & FF_SWISS, "Arial"); pWnd->SetFont(cFont); ``` 5. **处理不同类型的控件**： - 通过`switch`语句区分不同类型的控件，并分别设置它们的颜色属性： ...
跟随鼠标的萤火虫
02-23
clip: rect(0 3 3 0)"></div><divid="yyd1"style="position:absolute; left:20px; top:50px; width:3px; height:3px; z-index:1; background-color: #708574; layer-background-color: #708574...
MapXtreme Web版 隐藏水印的通用方法
10-30
element.style.clip = 'rect(' + (clipTop+35) + 'px, ' + clipRight + 'px, ' + clipBottom + 'px, ' + (clipLeft+2) + 'px)'; ``` - 解释： - 通过增加`clipTop`的值35像素以及`clipLeft`的值2像素，使得地图...
Unity3D脚本：场景中模型动画的解决方案1
08-08
2. **设置UI布局**：脚本定义了两个`Rect`变量，`m_scroll`和`m_button`，分别用于控制滚动视图和播放按钮的布局。`m_scrollPosition`记录滚动视图的当前位置，`m_view`则表示视图区域的高度，它会根据动画片段的...
XHTML 简介
wjs2024的博客
08-02 427
XHTML，即“可扩展超文本标记语言”（eXtensible HyperText Markup Language），是一种基于XML的标记语言，旨在取代HTML作为网页内容的标准格式。XHTML继承了HTML的许多特性，但更加严格和规范，要求文档结构更加严谨，标签和属性必须正确嵌套和闭合。这种严格性使得XHTML文档更加易于解析，也更适合在不同的设备和平台上展示。
牛客JS题（二十一）数组扁平化
不起眼小菜菜的博客
08-04 850
注释很详细，直接上代码……
SpringBoot+Vue图书(图书借阅)管理系统-附项目源码与配套文档
m0_74283290的博客
08-03 1297
本论文阐述了一套先进的图书管理系统的设计与实现，该系统采用Java语言，结合现代Web开发框架和技术，旨在为图书馆提供高效、灵活且用户友好的资源管理解决方案。系统利用Spring Boot框架为核心，整合MyBatis ORM工具，以及MySQL数据库，构建了一个高性能、可扩展的后端服务。前端界面则采用了Vue.js框架，以提供流畅的用户交互体验。论文首先进行了详尽的需求分析，确定了系统的核心功能，包括图书的添加、编辑、删除、查询，读者的注册、登录、个人信息管理，以及图书的借阅、归还、续借流程。
vite静态资源处理，处理vite项目中src和url路径问题
WanweI897的博客
08-02 546
处理vite项目中src和url路径问题
我们的前端开发逆天了！1 小时搞定了新网站，还跟我说 “不要钱”
努力做最接地气的编程干货分享，感谢关注
07-29 2946
本文将带你了解一个新的 Web 框架 **Astro**，并手把手带你使用 Astro 搭建一个属于自己的站点，用过的都说真香！
社交媒体分享预览图片和内容修改
最新发布
wangweiscsdn的博客
08-06 197
社交媒体分享链接时的预览图片和内容
Pinia和vueX的区别是什么，刷新数据丢失怎么处理？
ggq53219的博客
08-01 490
Pinia和Vuex都是Vue.js生态系统中的状态管理库，它们在设计理念、使用方式、性能以及生态系统支持等方面存在一些差异。以下是对Pinia和Vuex主要区别的详细分析，以及处理数据刷新丢失问题的建议。
正则采集器之六——商品管理
简单，坚持
08-05 396
本文是项目实践文章"正则采集器"之五"商品管理"，后端采用框架SpringBoot，前端采用框架vue3-element-admin。
探索 Electron：打造深度书籍挖掘机的搜索体验
ztK63LrD的博客
08-03 428
Electron是一个开源的桌面应用程序开发框架，它允许开发者使用Web技术（如 HTML、CSS 和 JavaScript）构建跨平台的桌面应用程序，它的出现极大地简化了桌面应用程序的开发流程，让更多的开发者能够利用已有的 Web 开发技能来构建功能强大且跨平台的应用程序，这对于提升开发效率和应用程序的快速交付具有重要意义。
cv::Rect2i转换为cv::Rect2d
05-29
可以使用cv::Rect2d的构造函数将cv::Rect2i转换为cv::Rect2d，示例代码如下： ``` cv::Rect2i rect2i(10, 20, 30, 40); cv::Rect2d rect2d(rect2i); ``` 这样就可以将cv::Rect2i类型的rect2i转换为cv::Rect2d类型...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值