atitit.按钮光标滑过高亮切换以及其他动态效果的实现css html  js --attilax总结

4. 鼠标越过动态图片切换实现 1

4.1. 优先模式::css模式... 1

4.2. 其次模式2:: 设置属性模式.. 1

4.3. 最后的模式3::写鼠标监听器 1

4. 鼠标越过动态图片切换实现

4.1. 优先模式::css模式...

C++ qt可以使用这个模式

但是这个模式只能backgroud,,,不能不个img的src属性..

作者:: 老哇的爪子 Attilax 艾龙，  EMAIL:1466519819@qq.com

转载请注明来源： http://blog.csdn.net/attilax

4.2. 其次模式2:: 设置属性模式..

Java 不支持css模式，可以使用属性模式。但是设置的属性比较多，可以抽出一个扩展类。。

而个都html5兰,img还是不支持这个模式..

4.3. 最后的模式3::写鼠标监听器

html js使用jquery 实现

$("#n3a_r2_c2").hover(function(){

$(this).attr("src","images_hover/Hove_splice_r2_c2.gif");

},

function(){

$(this).attr("src","img_comm/3a_r2_c2.gif");

}   );

java的实现

测试

public static final Color BUTTON_FOREGROUND_COLOR = Color.WHITE;
 33     private boolean hover;
 34 
 35     public RButton() {
 36         setFont(new Font("system", Font.PLAIN, 12));
 37         setBorderPainted(false);
 38         setForeground(BUTTON_COLOR2);
 39         setFocusPainted(false);
 40         setContentAreaFilled(false);
 41         addMouseListener(new MouseAdapter() {
 42             @Override
 43             public void mouseEntered(MouseEvent e) {
 44                 setForeground(BUTTON_FOREGROUND_COLOR);
 45                 hover = true;
 46                 repaint();
 47             }
 48 
 49             @Override
 50             public void mouseExited(MouseEvent e) {
 51                 setForeground(BUTTON_COLOR2);
 52                 hover = false;
 53                 repaint();
 54             }
 55         });
 56     }

参考

atitit.GUI图片非规则按钮跟动态图片切换的实现模式总结java .net c# c++ web html js - attilax的专栏 - 博客频道 - CSDN.NET.htm

JButton大改造 - 一文online - BlogJava.htm

atitit.按钮光标滑过高亮切换以及其他动态效果的实现css html js --attilax总结相关推荐

  1. swiper左右切换按钮无效_BMD为ATEM切换台发布新的2 M/E和4M/E控制面板

    北京 - 2020年7月10日 - Blackmagic Design今天发布两款全新的切换台硬件控制面板ATEM 2 M/E Advanced Panel和ATEM 4 M/E Advanced P ...

  2. dplayer js控制 自动全屏_vue-video-player 通过自定义按钮组件实现全屏切换效果【推荐】...

    最近公司的产品上线,一些高级功能在基础版本中不对用户开发,通过视频的形式展示. 产品开发用的是 vue, 经同事介绍使用了vue-video-player视频播放插件,通过 demo案例很快实现了视频 ...

  3. aswing学习笔记4-通过调用面板中的按钮实现主界面动态切换皮肤的问题！

    通过调用面板中的按钮实现主界面动态切换皮肤的问题! 发表于 : 周三 10月 29, 2008 2:09 pm 由 xueyuan cyz 现在我在做一个动态切换皮肤的的功能,原理是通过点击 调用面板 ...

  4. HTML、CSS、JS实现轮播图效果:包含分页按钮及切换箭头

    HTML页面: 页面布局 <!DOCTYPE html> <html lang="en"> <head><meta charset=&qu ...

  5. sublime text2 光标由短横线切换成竖线

    sublime text2 光标横线竖线的切换 一句话,按住"insert"就能切换了~

  6. vue两个按钮切换_在vue中实现多个按钮样式的点击切换？

    1.在vue中实现多个按钮样式的点击切换?有多个按钮,点击其中一个出现下划线,而另一个回到原始状态. 点击其中一个两个同时出现下划线样式: 再次点击两个都还原成最初的样式,即有下划线: 如何实现只有被 ...

  7. ng-zorro 走马灯滑过停止切换，以及切换速度

    ng-zorro 走马灯滑过停止切换,以及切换速度 @ViewChildren(NzCarouselComponent) carousels: any;@ViewChild('weatherCarou ...

  8. js弹出框，点击切换事件，jQuery改变一部分css样式

    文章目录 js,声明变量注意点 js弹出框 js.flag=0的使用 js,隐藏样式 jquery改变css样式 js,声明变量注意点 <script>// 声明多个变量 var age= ...

  9. Python爬虫之selenium对标签页切换、切换frame标签、cookie处理、执行js代码、开启无界面、以及使用代理ip和替换user-agent等方法

    一.selenium对标签页切换.切换frame标签.cookie处理.执行js代码.开启无界面.以及使用代理ip和替换user-agent等方法 (一).selenium标签页的切换 当seleni ...

  10. Atitit 华为管理者内训书系 以奋斗者为本 华为公司人力资源管理纲要 attilax读后感...

    Atitit  华为管理者内训书系 以奋斗者为本 华为公司人力资源管理纲要 attilax读后感 序 言 上篇:价值创造.评价与分配 第一章 全力创造价值 1.1 围绕价值创造展开人力资源管理 1.1 ...

最新文章

  1. 【Java作业】实验二 货物进销管理系统（运行成功完整代码
  2. 亚马逊AWS EC2云实例AMI安装LNMP环境(3)——Mysql5.5
  3. Struts2项目中的JSP如何访问Session对象
  4. android 字符串格式化
  5. Chapter 2 Multi-armed Bandits 学习总结
  6. 计算机深度休眠以后怎么唤醒,电脑进入深度睡眠,肿么唤醒?
  7. 外卖联盟高级接口 - 美团联盟接口 美团外卖CPS+CPA推广活动推广API接口
  8. 性能测试之nmon对linux服务器的监控 侵删
  9. 银联进件渠道教程-云闪付收银台最新方法（可对接易支付）
  10. 可怜的博主跟小豆人杠起来啦！Python制作的吃豆人小游戏，快来围观！！
  11. 计算机科学与技术统考专业代码,考试类别和级别及专业及科目代码表.doc
  12. ShaderJoy —— 心形爆炸烟花效果【GLSL】
  13. linux bash d,bashd的基本特性及文本操作命令
  14. 阿里云Web应用防火墙-WAF
  15. SQL数据库查询 左连接、右连接、内连接 实例
  16. CRC-CCITT 标准CRC16(1021) 算法校验类
  17. 3盏灯和3个开关的对应关系
  18. 【许晓笛】EOS智能合约案例解析(1)
  19. ACL跨平台(支持LINUX,WIN32,Solaris,MacOS,FreeBSD)的网络通信库及服务器编程框架
  20. python中的input_string是什么意思_python中的input函数什么意思

热门文章

  1. C++ 五课时入门教学
  2. OPC Server与YFIOServer成功绑定
  3. LSI阵列卡在线扩容
  4. 想听懂用户的声音，至少得先学会数据分析吧
  5. mmap和MappedByteBuffer
  6. 菜鸟学习linux笔记（二）
  7. Source Insight 3.5 序列号分享
  8. ASP.NET登录状态保持 并 设置IE cookie
  9. springboot - 应用实践（2）第一个springboot应用
  10. C++中的智能指针类模板