调用图片按钮的img图片

今天是我学前端的第12天。早上起床后活动筋骨时看了《JS的基本属性操作》,作业是模拟手机发送短信。文字都能传输到<div>上,就是图片不知道怎么传。折腾了好久才弄清楚,多亏了某群的小伙伴们。

这一节课,我学会了如何调用图片。但是不会像平时聊天屏幕那样,另一人说话时切换头像,靠在屏幕的右边,比如:

<script type="text/javascript">
    window.onload = function(){
        var oDiv = document.getElementById(‘div1‘);
        var oBtn0 = document.getElementById(‘btn0‘);
        var oBtn = document.getElementById(‘btn1‘);
        var oText = document.getElementById(‘text1‘);
oText.onclick = function(){
    oText.value = ‘‘;
}
        oBtn.onclick = function() {

            oDiv.innerHTML = oDiv.innerHTML + oBtn0.innerHTML + oText.value + ‘<br/>‘;
            oText.value = ‘请输入内容:‘;//用于上步执行完后,清空文本内容。
        };

    };

    </script>
时间: 2024-10-04 05:10:02

调用图片按钮的img图片的相关文章

[安卓] 2、使用2中方法做按钮监听和图片按钮使用

  第一种方法是使用点击监听器来实现(代码中注释掉的部分):这种方法要在初始化的函数中将按钮绑定在点击监听器上(23,24)btn_ok.setOnClickListener(this);.然后处理统一写在抽象函数onClick(View v) 中,并用v == btn_ok来判别是哪一个按钮的点击.(28~34) 第二种方法是使用内部类实现按键监听,具体如下(这个看起来要代码多一点,各个处理是单独的) 1 package com.himi.button;//包路径 2 //import导入类库

NGUI 3.5教程(四)Atlas和Sprite(制作图片按钮)

向原创致敬http://blog.csdn.net/chenggong2dm/article/details/25594059 Atlas是NGUI的图集.我的理解是:Atlas把你的一些零散的图片,合并成一张图.这样做的好处是,可以降低Draw Call.我不了解它的底层运作机制,我猜应该也是再行进DXT之类的纹理压缩,所以,最好把图集的尺寸,也做成128, 256,512,1024之类的大小,以方便其进行格式压缩. 概念: Atlas : 图集.把美术给你提供的素材,用 NGUI 的 Atl

cocos2d-x 3.4 之 文字按钮与图片按钮

***************************************转载请注明出处:http://blog.csdn.net/lttree******************************************** cocos2d-x 中用按钮地方很多,发现之前也没写过(其实真没什么可写的). 今天正好用到文字按钮这块,就弄了个Demo耍了下,记录一下. PS:宿舍现在是真冷啊,手冻得都哆嗦,每每睡觉前我都想到一句诗:布衾多年冷似铁... >>>图片按钮 通过Men

atitit.GUI图片非规则按钮跟动态图片切换的实现模式总结java .net c# c++ web html js

atitit.GUI图片非规则按钮跟动态图片切换的实现模式总结java .net c# c++ web html js 1. 图片按钮的效果总结 1 1.1. 按钮图片自动缩放的. 1 1.2. 不要边框,如果用自定义图片做按钮背景可以设为 false. 2 1.3. 异形按钮 2 1.4. 不绘制焦点 2 1.5. 鼠标经过时的图标 2 1.6. 选中时的图标 2 1.7. 禁用时显示的图标 2 1.8. 可能需要按钮半透明效果 2 2. 图片按钮的实现 2 2.1. 优先模式:button控

如何处理按钮中的图片大小不变?

一,经历 1> 按钮中添加图片总会随着按钮的大小而改变,想了很久还是发现了一个不错的方法. 2> 在大按钮中添加小按钮,小按钮被点击后,能触发大按钮的事件.而且看不出什么异常. 二,总结: 1> 对iOS控件不接收用户交互的理解: ①若把小按钮的 userInterActionEnabel 属性设置成了 NO ,小按钮就不会接收事件,点击小按钮,就会直接触发大按钮的事件. ②若把小按钮隐藏,则大按钮依然可以接收事件. ③若在大按钮中加入一个小 UIView 控件,该控件的 userInt

WPF利用Image实现图片按钮

之前有一篇文章也是采用了Image实现的图片按钮,不过时间太久远了,忘记了地址.好吧,这里我进行了进一步的改进,原来的文章中需要设置4张图片,分别为可用时,鼠标悬浮时,按钮按下时,按钮不可用时的图片,这里我只用了一张图片,利用C#的图片灰度处理自动获得不可用时的图片,利用图片的间距实现悬浮及按下效果.先上效果:(正常 悬浮 按下 不可用) 代码其实比较简单,唯一的难点就是把图片转换成ImageSource,在网上找了很久终于找到了一个,转换代码如下: 1 ///<summary> 2 ///设

HTML5+Canvas+jQuery调用手机拍照功能实现图片上传(二)

上一篇只讲到前台操作,这篇专门涉及到Java后台处理,前台通过Ajax提交将Base64编码过的图片数据信息传到Java后台,然后Java这边进行接收处理,通过对图片数据信息进行Base64解码,之后使用流将图片数据信息上传至服务器进行保存,并且将图片的路径地址存进数据库.ok,废话不多说了,直接贴代码吧. 1.前台js代码: $.ajax({ async:false,//是否异步 cache:false,//是否使用缓存 type: "POST", data:{fileData:fi

在VC中,为图片按钮添加一些功能提示(转)

在VC中,也常常为一些图片按钮添加一些功能提示.下面讲解实现过程:该功能的实现主要是用CToolTipCtrl类.该类在VC  msdn中有详细说明.首先在对话框的头文件中加入初始化语句:public:下,加入:CToolTipCtrl    m_Mytip;然后在初始化对话框函数中加入:m_Mytip.Create(this);  m_Mytip.AddTool( GetDlgItem(IDC_BUTTON), "你想要添加的提示信息" ); //IDC_BUTTON为你要添加提示信

[示例] Firemonkey 图片按钮(3态)

说明:Firemonkey 图片按钮(支持三种状态:MouseOver, MouseDown, MouseUp,可各别指定图片) 原码下载:[示例]TestImageButton_圖片按鈕(3态).zip 运行展示: