一个小小的class

本文介绍了C++中自定义数据结构`point`,包括其成员变量`score`和`name`,以及构造函数、访问器和修改器。此外,还展示了如何实现加法和减法运算符重载,用于计算两个`point`对象的分数之和与分数差。在示例中,创建了`point`对象并演示了运算符的使用。

简介

其实没什么好介绍的,完整版看这里https://blog.youkuaiyun.com/algorithmyyds/article/details/122153488​​​​​​​

代码

#include <bits/stdc++.h>
using namespace std;
class point
{
private:
    int score;
    string name;
public:
    point():score(0),name(""){}
    point(int s):score(s),name(""){}
    point(string n):score(0),name(n){}
    point(int s,string n):score(s),name(n){}
    int GetScore()
    {
        return score;
    }
    string GetName()
    {
        return  name;
    }
    void SetScore(int s)
    {
        score=s;
    }
    void SetName(string n)
    {
        name=n;
    }
    int operator+(point& p)
    {
        return score+p.score;
    }
    int operator-(point& p)
    {
        return max(score,p.score)-min(score,p.score);
    }
};
int main()
{
    point p(0,"po");
    point po(2);
    cout<<p+po<<endl;
    return 0;
}

为了实现在网页图片上鼠标悬停时显示小标题的效果,可以使用HTML和CSS相结合的方式,甚至可以引入JavaScript来增强交互体验。以下是一个完整的实现方案,包括HTML结构、CSS样式和基本的交互逻辑。 ### HTML结构 首先,需要一个包含图片和标题的容器。可以使用`<div>`元素作为外层容器,并在其中包含`<img>`和`<span>`元素分别表示图片和标题。 ```html <div class="image-container"> <img src="your-image.jpg" alt="悬停图片"> <span class="tooltip">这是小标题</span> </div> ``` ### CSS样式 接下来,使用CSS来设置容器和标题的样式。标题默认是隐藏的,当鼠标悬停在图片上时显示出来。 ```css .image-container { position: relative; display: inline-block; cursor: pointer; } .tooltip { visibility: hidden; width: auto; background-color: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; border-radius: 4px; padding: 8px 12px; position: absolute; z-index: 1; bottom: 10px; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.3s; } .image-container:hover .tooltip { visibility: visible; opacity: 1; } ``` ### 动画增强(可选) 如果希望标题在显示时带有动画效果(如淡入淡出或滑动效果),可以进一步调整CSS动画属性。 ```css @keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } .tooltip { animation: fadeIn 0.3s ease-in-out; } ``` ### JavaScript增强(可选) 如果需要更复杂的交互逻辑,例如动态加载标题内容或者根据用户行为调整标题样式,可以使用JavaScript。 ```javascript document.querySelectorAll('.image-container').forEach(container => { container.addEventListener('mouseenter', () => { const tooltip = container.querySelector('.tooltip'); tooltip.style.visibility = 'visible'; tooltip.style.opacity = '1'; }); container.addEventListener('mouseleave', () => { const tooltip = container.querySelector('.tooltip'); tooltip.style.visibility = 'hidden'; tooltip.style.opacity = '0'; }); }); ``` 通过上述方法,可以轻松地在网页图片上实现鼠标悬停显示小标题的效果,并且可以根据需求进一步优化和扩展功能。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值