atitit.按钮光标滑过高亮切换以及其他动态效果的实现css html js --attilax总结
atitit.按钮光标滑过高亮切换以及其他动态效果的实现css html js --attilax总结
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
相关文章
- HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计
- 使用 Go + HTML + CSS + JS 构建漂亮的跨平台桌面应用
- js中四舍五入的方法_JS取整
- JS设置定时器_js设置定时器
- js-HTML DOM EventListener
- clipboard.js:最轻便的复制页面内容到剪切板的JS
- 原生JS + HTML + CSS 实现快递物流信息 API 的数据链式展示
- 【开发环境】VSCode 安装插件 ( 简体中文插件 | Open in Browser 插件 | Auto Rename Tag 插件 | JS-CSS-HTML Formatter 插件 )
- HTML + CSS + JS 利用邮编查询 API 实现邮编查询工具
- Tomcat gzip果然强大,js文件压缩率50%以上详解程序员
- SpringMVC中避免拦截css,js,html图片等静态文件详解编程语言
- 使用html+css+js实现魔性的舞蹈详解编程语言
- 使用html+css+js实现日历与定时器,看看今天的日期和今天剩余的时间。详解编程语言
- 使用MySQL和HTML打造高效的数据驱动网站(mysql与html)
- Linux环境实现HTML文件编辑(linux编辑html)
- Oracle中JS的优势让数据库性能提升(oracle中 js)
- 远离JS灾难css灾难之js私有函数和css选择器作为容器
- js获取html参数及向swf传递参数应用介绍
- js函数获取html中className所在的内容并去除标签
- js通过html()及text()方法获取并设置p标签的显示值
- 用html+css+js实现的一个简单的图片切换特效
- PHP封装的一个支持HTML、JS、PHP重定向的多功能跳转函数