jq append里放标签img

1、新建一个HTML文件,保存test.html,用于代码实现拖放功能 。

2、在test.html添加p,并且给它一个id,用于下面编写样式。

3、通过p的id , 给p定义CSS样式,例如,把p定义为一个带边框的长方形。下面将实现将图片拖放在这个长方形中。

4、在p的下面定义一张被拖放图片,并设置该图片的属性为允许被拖放。

5、在被拖放的图片上加上一个ondragstart事件,即图片被拖动时触发这个事件。再给事件一个函数,用于拖动图片时,把图片保存在一个变量中。

6、运行代码,在浏览器中查看结果:至此,完成了使用JS实现拖放图片到p中的功能。

您应该是当点击按钮其他动作的时候触发图片动作。思路::比如一钮,点击的时候onclick事件,在事件中,用动态创建元素的方法,创建一个var imgHTM="<img src="图片地址">" ,然后再用document得到DIV,用纯js方法html()方法或者jquery的append()方法都可以把图片插入到p中了。
例如:
var imgHTM="<img src="图片地址">" ;
$("p").append(imgHTML);eg:
<script>
onload=function f(){
document.getElementById("insert").innerHTML=<img src="new_banner.jpg" height="100" width="100" />;
}
</script>
<p id="insert"></p>
打页就插入图片第一个:appendChild,创建一个img元素,然后添加到p节点下面。
第二个:innerHTML , 直接用HTML代码加入。
喜欢阅读
  • 豪门狂傲少主

    豪门狂傲少主

    入赘江家三年,叶城是公认的废物。当他被江家扫地出门的那刻起,叶城的彪悍人生才刚刚开始。三年河东三年河西,不死终将出人头地!

  • 纯情校花爱上我

    纯情校花爱上我

    十八年前,古武界爆发了一场世纪大战,神武门与神魔门大战与雪山之巅,张天浩随师尊武魂一起,将赤魂以及手下封印,随后将唯一后人,交于师弟赤玄子收养。十八年后,张烨长大成人,回到都市,寻找提升实力的契机,却逐渐发现这一切都是赤玄子计划好的,想让他过上平凡人的生活,却不想弄巧成拙,一步步的将张烨推上了和魔教斗争的道路上......

  • 丹火大道

    丹火大道

    天域十王排位第三,尊为逍遥王的韩飞,因寻得上古秘法,被天域数十万强者追杀至天域尽头,最终肉身消散。然而可幸的是,他的灵魂穿越到了世俗界——神元大陆!超高的境界,丰富的经验,世俗界的修炼岂能难得住他?一段惊才绝艳的天才争斗之旅,一场权势争锋的漩涡,誓死杀回天域的决心,让这个世界彻底沸腾!暴走吧,少年!

  • 无情风雨无情你

    无情风雨无情你

    领证半年的老公当着她的面和别的女人你侬我侬,何家二叔将她收留,更甚至对她说,想不想将他们狠狠的踩在脚底之下报复一番。可是她根本就不知道这就是一场阴谋,她到头来不过是被狠狠的利用了一把,付出了真心,却被他踩在脚底之下。他说,“关小爱,你以为我是真的爱你吗?你想太多。”她在雨夜里被她无情的踹开,肚子里的孩子从她身体里流失的时候,她告诉自己,她要报复。

  • 无情杀手情挑傲总裁

    无情杀手情挑傲总裁

    从小便是遭遇到家庭的变故,失去至亲至爱.她,安晓樱,一个脆弱而无助的女孩却在儿时学会了成年人的生存方式。独立,坚强,为了生存,她抛弃尊严与人格。那一个神秘的组织,让她从儿时的懵懂无知开始蜕变成为一名冷血无情的杀手。她以为,她的生命会在鲜血与残酷中度过,却没有想到碰上不一样的他。他,高傲的男人,掌握世界上庞大的权力与财富。与他在一起,两人格格不入,但让她意外的是,相处的过程中不知不觉的擦出了爱的火花。而最后的结果,两人又能否顺利走到终老?

  • 都市狂傲仙尊

    都市狂傲仙尊

    异界仙帝重生,回炉都市,霸气修真。前世御姐老师被歹人威逼至死,这一世我定要灭你全家。前世在你和我前女友的婚礼上被你万般刁难羞辱,这一世我要成为婚礼的主角,让你的婚礼成为你的恶梦。校花老爸说我不配?我让你求我保护你闺女。

  • 霸心总裁戏甜妻

    霸心总裁戏甜妻

    她,被告知自己得了癌症,只剩下三个月的生命,。一狠心,找牛郎!女孩摇身一变成女人。他,误以为床上是别人送的礼物,一夜风流。早上醒来已是人去楼空,“你的服务我很满意,可惜本小姐资金有限,只能拿出这么多,祝你生意兴隆!”唯独小纸条一张和326块零钱。她,又被告知自己没病,拿错了病例~~而已一场误会,她没了工作,没了钱,没了初夜。一场误会,他成了“牛郎”,有了怒气,有了欲望,有了征服心理。她尴尬撞上他的银魅,一纸契约,她成了他的女人。他曾说:“沐汐,你要是乖,我不会难为你!”他曾说:“老子的女人,谁都碰不得,握手都嫌你们脏!”他曾说:“沐汐,你不作死,我不会让你死,你想作死,我会让你生不如死!”他开心的时候,送她326个蛋糕店作为生日礼物,实现她的梦想,让孤儿院的每一个孩子早晨醒来就有面包吃。他生气的时候,亲手毁掉她的梦想,毁掉所有蛋糕店……他为她买下整个商场,只因她说了一句,“这个商场的格局和颜色挺不错的,我喜欢!”电闪雷鸣的夜晚,他把她绑到树上,差点被雷劈死,只因她说:“你在我心里,什么都不是!”最后他却说:“我爱你,爱到骨子里!”……

  • 都市逍遥强卫

    都市逍遥强卫

    一个身份神秘的青年。一个奇怪的任务。可是他忽然之间发现自己生命中竟然多了一个莫名其妙的未婚妻,同时身边更是聚集了各色美女。御姐不止一个,冰山御姐、妩媚御姐,还有气场十足的女神级老总;清纯萝莉不止一个,恶魔萝莉、草根仙子;最要命的是美女杀手也不止一个,有柔媚放荡的千面妖狐,还有一个杀人如麻的冷面女杀手……最让他纠结的是这些女人之间还有着错综复杂的关系,而每一个大小女人背后都隐藏着莫大的杀机……世界乱套了。

  • 猜你喜欢
  • 热门推荐
  • axure 动态面板
  • 长相古典的女生
  • nb iot行业应用
  • bbc性教育片下载
  • 同款货源插件
  • erena aihara番号
  • 巴拉小爸爸围裙妈妈
  • at 19 00 shutdown s
  • 一层怎么盖房最漂亮
  • 英雄战歌手游吧
  • ftvgirls链接
  • controlvault2
  • dellvostro230驱动
  • 无棣向阳屯电话
  • sqlserver 新建用户
  • 金色的淑女4在线
  • truworths是什么品牌
  • skt vs kt7.14
  • yii2 with指定字段
  • int类型转换为char
  • All Right Reserved 查池网