脚本分享设置按钮字体悬停颜色事件

3297
2

xxxl 数据领袖Lv6

发表于2020-10-30 15:52

楼主
本帖最后由 xxxl 于 2021-3-12 15:32 编辑

1.需求场景
      在设计按钮的样式时,只有选中自定义样式、自定义样式可以设置css样式比如color:red;改变字体颜色,并没有设置字体悬停颜色的入口,以下提供鼠标悬停事件脚本做这样的需求。
2.操作详情
      将以下代码放在客户端脚本中
  1. var button=$("div[id^='WidgetParamButton14']");//WidgetParamButton14通过在结果页f12开发人员工具拾取按钮找到id值
  2. var span=$("div[id^='WidgetParamButton14'] span");
  3. //悬停颜色
  4. button.mouseenter(function(){
  5.   span.css("color","red");
  6. });
  7. //离开后颜色
  8. button.mouseleave(function(){
  9.   span.css("color","blue");
  10. });

复制代码

     存放位置在这里

    按钮id为WidgetParamButton14,拾取的方法是通过f12开发人员工具拾取到






最近看过此主题的会员

刘玉胜

chestnut

wxw

esen_4Y3L5ADO80

esen_4UIBLD8PRN4M

DJY

曦文

liuyaaa

esen_4VOHVJMKEU

淑离

yangqh

tangxf

shqx

1212111121

Hollow

一一

hhdtest

2个回答

只看楼主

Gardenia 小试身手Lv3

发表于2021-10-11 20:18

只看该作者

取消 关注该作者的回复

沙发

多个按钮怎么设置?

xxxl 数据领袖Lv6

发表于2021-10-19 16:32

只看该作者

取消 关注该作者的回复

板凳

Gardenia 发表于 2021-10-11 20:18
多个按钮怎么设置?

把上述脚本封装一下,每次取到id调用就行了

登录后可回答问题,请登录注册

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

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

400咨询:400-0011-866

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号