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

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