使用带有可变位置的 jQuery 创建 IMG

Question

function hitQBlock(obj) {
  var objOne=$(obj),
    posOne = objOne.offset(),        
    posVert = posOne.top + (objOne.height()/2),
    posHoriz = posOne.left + (objOne.width()/2);
  var newCoin = document.createElement('.coin');
  newCoin.attr({
    style: 'position: absolute; top: posVert px; left: posHoriz px; width: 500px; height: 500px;', 
    src: 'http://png-3.findicons.com/files/icons/2297/super_mario/256/retro_coin.png'});
}

第一个问题：如何将newCoin 对象定位到由变量posVert 和posHoriz 定义的位置？我尝试使用.val() 方法，但它似乎在引号内不起作用

第二个问题：在函数内部创建自定义类的新对象的更好方法是什么？上面找到的我的方法不能正常工作。

Answer 1

编辑

我的代码有一个错字，我也修复了它，这里有一个 jsfiddle 显示它可以工作。 http://jsfiddle.net/p9n4X/

为了获得更好的性能，我会连接一个 html 字符串并将其附加到正文中，如下所示

var html = '<img class="coin" style="position: absolute; top: ' + posVert + 'px; left: '+ posHoriz +'px; width: 500px; height: 500px;" src="http://png-3.findicons.com/files/icons/2297/super_mario/256/retro_coin.png" />';

$('body').append(html);

另请注意，我已关注 Archer 关于关闭字符串的评论。