码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-03-12 20:55:04      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:

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总结

标签:

原文地址:http://blog.csdn.net/attilax/article/details/44226487

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!