页面图片按钮案例

最新推荐文章于 2024-05-06 18:26:11 发布

weixin_34393428

最新推荐文章于 2024-05-06 18:26:11 发布

阅读量99

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/qingsong/p/5068391.html

版权

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <script type="text/javascript">
        function click_a(){
            alert("按钮点击事件1！")
        }
        function click_b(){
            alert("按钮点击事件2！")
        }
  </script>
  <title>Document</title>
 </head>
 <body>
  <a onclick="click_a()" style="position: absolute; top: 130px; left:180px; display:block;width:71px;height: 21px; background: url(http://sm.beycheer.com/kfbox/13/0703_blue/btn.gif) no-repeat;" onmouseover="this.style.backgroundPosition='0 -22px'" onmouseout="this.style.backgroundPosition='0 0'"></a>

  <a onclick="click_b()" style="position: absolute; top: 130px; left: 260px; display:block;width:71px;height: 21px; background: url(http://sm.beycheer.com/kfbox/13/0703_blue/btn.gif) -72px 0 no-repeat" onmouseover="this.style.backgroundPosition='-72px -22px'" onmouseout="this.style.backgroundPosition='-72px 0'">
  </body>  
 </body>
</html>

这是图片样式：

转载于:https://www.cnblogs.com/qingsong/p/5068391.html

优惠劵

weixin_34393428

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面图片按钮案例

<!doctype html><html> <head> <meta charset="UTF-8"> <script type="text/javascript"> function click_a(){ alert("按钮点击事件1！") } ...
复制链接

扫一扫