给button添加背景图片,点击button页面后退.

最新推荐文章于 2022-06-14 23:38:13 发布
最新推荐文章于 2022-06-14 23:38:13 发布
阅读量419 收藏 2
点赞数
分类专栏： web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuyuedechuchu/article/details/110941394
版权

js

<script>
    function pagebackward(){
        window.history.back();
    }
    function pageforward(){
        window.history.forward ();
    }
</script>

html:

<div>
        <button type="submit"  style="background-image:url(img/back.jpg);;width:50px;height:30px;"  onclick="pagebackward()"> </button>
</div>
蜗牛2020
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js实现按钮加背景图片常用方法
12-11
本文实例讲述了js实现按钮加背景图片常用方法。分享给大家供大家参考。具体实现方法如下： 方法一: 代码如下:<input type=”submit” onMouseOver=”style=background:url(‘imgs/jb51.gif’)”/>   方法二: 代码如下:<input type=”button” value=”提交” style=”background:url(图片地址) no-repeat;border:none;text-indent:-2000px;width:100px;height:30px;”>   方法三: 就是用图片按钮，即： 代码如下:<inp
Android自定义Button并设置不同背景图片的方法
09-02
主要介绍了Android自定义Button并设置不同背景图片的方法,涉及Android自定义控件的功能实现与布局相关技巧,需要的朋友可以参考下
js改变按钮背景图
linghao00的专栏
08-02 8027
在Button上、下、左、右位置加入图片和文字
weixin_30399055的博客
03-20 218
转载请注明出处：http://blog.csdn.net/droyon/article/details/37564419 非常多人有如标题所述的需求，并且大多数人採用了自己定义组件攻克了需求，事实上还能够有更“懒”的方法。 1、先附效果图： 2、方案。 首先，Activity.java public class MainActivityTest extends Act...
javascript更换button背景图片效果
weixin_30764883的博客
08-12 604
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="D1.aspx.cs" Inherits="D1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr...
设置返回按钮的图片
要么庸俗,要么孤独
12-29 441
ios7之后设置返回按钮的图片样式,必须一起写才有用 UIBarButtonItem * back = [[UIBarButtonItem alloc]initWithTitle:@"" style:UIBarButtonItemStylePlain target:nil action:nil]; [self.navigationController.navigationB
Android编程实现给Button添加图片和文字的方法
09-03
主要介绍了Android编程实现给Button添加图片和文字的方法,涉及Android针对按钮元素属性的相关操作技巧,需要的朋友可以参考下
color_button.rar_button 背景颜色
09-23
可以自由设置按钮的背景颜色的一个按钮类，用起来非常方便，而且很漂亮
python 批量添加的button 使用同一点击事件的方法
09-19
今天小编就为大家分享一篇python 批量添加的button 使用同一点击事件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
BUTTON_DRAW.zip_button 背景颜色
09-21
重新在界面上绘制按钮，可以手动的不限次地设置按钮的背景的颜色。
Button里面既能加载图片又能加载文字
lovePaul77的博客
03-07 950
Button android:id="@+id/bt_collect" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentRight
前端百度换肤案例
weixin_46002223的博客
08-28 534
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { .
Button上面添加一个图片
zhao2017的博客
08-24 1万+
在Button 中显示图片
css 按钮设置为自定义背景图片
fuzhengliang的专栏
03-25 1970
很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用JS去操作表单的提交, 即当用户点击这个图片时响应一个JS来提交表单.其实还有一种方法, 就是直接设置SUBMIT按钮的图片背景.设置它的图片背景有二种方法, 一是直接在按钮中设置,如下: &lt;input type="submit" name="submit_button" value="" ...
设置按钮button背景完全透明，显示出背景颜色或背景图
热门推荐
weixin_45096939的博客
06-14 1万+
设置button的完全透明，透明度的设置opacity和rgba也是有区别的：opacity设置透明度会让盒子中的内容也变得透明，但是rgba设置透明度不会使盒子中的内容变透明。
jsp中js实现点击按钮更改背景图片
zisetoufa
03-04 3337
[code="javascript"] function mychange(num){ document.getElementById("div1").style.backgroundImage="url("+num+".jpg)"; document.getElementById("div2").style.backgroundImage="url("+num+&qu
设置按钮背景图片(HTML-CSS)
Rjahty大漠
05-27 3543
很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用JS去操作表单的提交,即当用户点击这个图片时响应一个JS来提交表单.其实还有一种方法,就是直接设置SUBMIT按钮的图片背景.设置它的图片背景有二种方法,一是直接在按钮中设置,如下: &lt;input type="submit" name="submit_button" value="" style="background:url(i...
cocos js 代码修改button背景图等，调用cocos studio 界面（斗地主）
chuanyu的专栏
08-18 2570
cocos studio 版本： V2.3.1.2 cocos2d  js版本： V3.6.1 1.cocos studio 工具配置界面 2.代码中修改 3.chrome浏览器效果
qt button动态添加背景图片
最新发布
07-02
### 回答1： 在Qt中，可以使用QPixmap类来设置button的背景图片。首先，需要准备好要设置的背景图片文件。然后，通过QPixmap类将图片文件加载进来。接下来，将加载好的背景图片设置给QPushButton的样式表属性。这将使按钮的背景图片被设置为所加载的图片。 以下是实现该功能的示例代码： ```c++ // 创建一个QPushButton对象 QPushButton* button = new QPushButton(this); // 加载背景图片 QPixmap pixmap(":/images/background.jpg"); // 设置按钮的样式表属性，将背景图片设置为按钮的背景 button->setStyleSheet(QString("border-image: url(%1)").arg(pixmap.scaled(button->size()).toImage())); // 将按钮添加到父窗口 // ... ``` 在代码中，`":/images/background.jpg"` 是背景图片文件的路径，可以根据实际的文件路径进行修改。`border-image` 是样式表属性，用于设置按钮的背景图片。 注意，使用这种方法设置按钮背景图片时，按钮的大小应该已经确定，否则可能导致图片拉伸变形。 ### 回答2： 在Qt中，可以使用QSS（Qt Style Sheets）样式表来为Button动态添加背景图片。 首先，确保你已经将背景图片添加到Qt项目中，可以是本地的文件路径或者是资源文件。然后，在代码中创建一个QPushButton实例，例如： ```cpp QPushButton *button = new QPushButton("按钮"); ``` 接下来，为按钮设置样式表。可以通过调用QPushButton的setStyleSheet函数来实现。样式表可以使用类似CSS的语法。例如，如果你要添加背景图片，可以使用background-image属性来指定背景图片的路径。代码如下： ```cpp button->setStyleSheet("QPushButton { background-image: url(:/images/background.jpg); }"); ``` 其中，url(:/images/background.jpg)是图片的路径，可以根据实际情况进行修改。 最后，将按钮添加到父容器中，例如一个QWidget或QMainWindow。例如： ```cpp QWidget *widget = new QWidget(); QVBoxLayout *layout = new QVBoxLayout(); layout->addWidget(button); widget->setLayout(layout); widget->show(); ``` 这样，就能够看到按钮上成功添加了背景图片。当然，你也可以根据需要进一步调整样式表，如设置背景图片的位置、大小等。 需要注意的是，如果图片路径是相对路径，需要确保图片文件存在于正确的路径下；如果图片路径是资源路径，则需要在.pro文件中添加相应的资源文件声明。 希望这个回答能够帮助到您。 ### 回答3： 在Qt中，可以通过QPixmap和QPalette两个类来实现动态添加背景图片到QPushButton上。 首先，我们首先创建一个QPixmap对象，加载要作为背景的图片，例如： ``` QPixmap pixmap("background.jpg"); ``` 然后，我们创建一个QPushButton对象，并设置其大小和位置： ``` QPushButton *button = new QPushButton(this); button->setGeometry(100, 100, 200, 50); ``` 接下来，我们创建一个QPalette对象，并将加载的图片作为其背景设置： ``` QPalette palette; palette.setBrush(QPalette::Button, pixmap); ``` 最后，我们将这个QPalette对象应用到QPushButton上： ``` button->setFlat(true); // 设置按钮为扁平样式，以显示背景图片 button->setAutoFillBackground(true); // 设置按钮自动填充背景 button->setPalette(palette); // 将QPalette应用到按钮上 ``` 通过上述方法，我们便实现了动态添加背景图片到QPushButton上。当然，我们也可以将上述代码封装到一个函数中，方便将来重复使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值