JavaScript 网页元素交互与动态效果实现
1. 按钮背景图像插入
为提交按钮设置背景图像是个不错的选择,默认的灰色扁平按钮不够美观。可以使用任意尺寸的图像,浏览器会自动调整按钮大小,当然要保证尺寸合理。
操作步骤
使用 style.background 属性调整要使用的图像。文件的 URL 可以是绝对路径或相对路径,支持浏览器所支持的任何图像格式。
使用 onMouseOver 事件触发文档头部的 JavaScript 函数执行。
示例代码
function bgChange(bg) {
document.getElementById('x').style.background="url(" + bg + ")";
}
Mouse over these images. The button will get a new background image.