改变提交按钮的背景图像

| |
[不指定 2015/01/17 11:46 | by 吕进 ]
网页会变色的网页按钮,一个使用背景图像的按钮,基于JavaScript实现,鼠标移到按钮上,按钮背景图片会改变.使用onMouseover和onMouseout实现的效果,当鼠标移上按钮的时候,JS动态改变按钮的背景图像,请事先准备好需要变换的背景图片。
1、将CSS代码放在之前,
<style type="text/css">
.initial{
background-image:url("k3.jpg");
font-size: 18pt;
width:180px;
height:60px;
border:0;}

2、将JavaScript代码放在body内:
<script>
<!--
if (document.images){
after=new Image()
after.src="k4.jpg"
}

function shiyong(image) //改变背景图的路径
{
var el=event.srcElement
if (el.tagName=="INPUT"&&el.type=="button")
event.srcElement.style.backgroundImage="url"+"('"+image+"')"
}
//-->
</script>

3、记得在table内添加:
<form onMouseover="change('k4.png')" onMouseout="change('k5.png')">

也可以在table标签内直接添加
onMouseover="shiyong('k4.png')" onMouseout="shiyong('k5.png')"


注意:别忘了CSS引用。
  • 中查看更多“改变提交按钮的背景图像”相关内容
  • 中查看更多“改变提交按钮的背景图像”相关内容
  • 中查看更多“改变提交按钮的背景图像”相关内容
  • 中查看更多“改变提交按钮的背景图像”相关内容
  • 分享到: 微信 更多
    相关日志
    免费资源 | 评论(0) | 引用(0) | 阅读(7587)

    表情
    emotemotemotemotemot
    emotemotemotemotemot
    emotemotemotemotemot
    emotemotemotemotemot
    emotemotemotemotemot
    打开HTML
    打开UBB
    打开表情
    隐藏
    记住我
    昵称   密码   游客无需密码
    网址   电邮   [注册]