找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
楼主: popok

大佬,CTRL+F搜索页面内容能不能加个明显的定位效果

[复制链接]

43

主题

373

回帖

2416

积分

金牌会员

积分
2416
发表于 2020-6-2 15:32:02 | 显示全部楼层
本帖最后由 coult3 于 2020-6-2 22:48 编辑

我想楼主的意思是 搜索定位时加个css的动画特效,目的是快速发现 那个找到的关键字在哪里。这个有点儿类似于bitwarden 的chrome扩展的动画特效:
安装bitwarden 的 chrome扩展
https://chrome.google.com/webstore/detail/bitwarden-free-password-m/nngceckbapebfimnlniiiahkandclblb
注册登录。
然后 打开 http://www.centbrowser.cn/forum/forum.php ,把用户名和密码添加进bitwarden的密码库。
最后重新打开 http://www.centbrowser.cn/forum/forum.php ,发现此时 自动填充密码时,用户名和密码输入框 有一个放大突出显示的动画。


突出显示动画特效源代码:https://github.com/bitwarden/browser/blob/master/src/content/autofill.css

就是说最终效果是按CTRL+F并找到1项,此时的动画效果 和以下鼠标经过的效果一样:
https://www.html5tricks.com/demo/css3-hover-scale/index.html
https://www.html5tricks.com/demo/jiaoben314/index.html

我个人支持这个想法,如果工程师能做到的话,并且最终可以在设置里添加一个选项:页面搜索时显示动画特效。
回复

使用道具 举报

41

主题

6114

回帖

2万

积分

管理员

积分
21268
发表于 2020-6-2 22:46:50 | 显示全部楼层
popok 发表于 2020-6-2 00:11
前进后退我知道,关键是黄色标记不明显,往往很难找到在哪里

那要不改成红色?
QQ(2530160833)
回复

使用道具 举报

23

主题

195

回帖

6219

积分

论坛元老

积分
6219
 楼主| 发表于 2020-6-3 15:06:28 | 显示全部楼层
coult3 发表于 2020-6-2 15:32
我想楼主的意思是 搜索定位时加个css的动画特效,目的是快速发现 那个找到的关键字在哪里。这个有点儿类似 ...

对,这位老哥看来是能理解我这个需求的,我要的就是类似这种凸出的效果,可以马上确定搜索结果在哪里
回复

使用道具 举报

23

主题

195

回帖

6219

积分

论坛元老

积分
6219
 楼主| 发表于 2020-6-3 15:12:11 | 显示全部楼层
Admin 发表于 2020-6-2 22:46
那要不改成红色?

老大,红色其实也一样的,有些网页背景不是纯白的,一样会难找。

你看看11楼描述的,这个效果还可以
回复

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

Archiver|手机版|小黑屋|百分浏览器论坛

GMT+8, 2025-2-8 02:12 , Processed in 0.014770 second(s), 16 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表