在dragdrop之后改变div的风格

时间:2010-11-23 01:10:02

标签: jquery html drag-and-drop coding-style

我有一个div和一个按钮。将此div对象拖放到其他位置后。我希望当我点击按钮时,该div对象将改变样式,新位置刚刚改变。

Div对象更改位置:

div id =“divml5”class =“dragDiv1”runat =“server”style =“width:40px; height:40px;

position:relative; left:120px;top:60px;">**
    'table> 
       **tr>
            td>
                h5 id="h5ml5" class="handler" runat="server" 
                        style="background-image:url('../../Images/image.jpg'); 
                                vertical-align:middle;width:40px; height:40px;background-repeat:no-repeat;"></h5>
            /td>
        /tr>**
    /table>
/div>"

按钮

button type =“button”id =“btn”runat =“server”onclick =“changeStyle();”&gt; ChangeStyle

我有paragrahp代码来处理该div对象的更改样式:

var divml5 = document.getElementById(“divml5”);         var h5ml5 = document.getElementById(“h5ml5”);

    function changeStyle(){
        h5ml5.style.backgroundImage = "url('../Images/clientRed.jpg')";
    }

我想我可以按照自己的意愿实施,但无法处理。

1 个答案:

答案 0 :(得分:0)

如果我理解你的问题。

我建议你分两步完成:

1,将您的新风格定义为Css类

2,在.click()

上使用jQuery AddClass('ur_class_name')