1 
    <style type="text/css">
        .style1
        {
            width: 50%; //must to be dynamically change == e.pageX
            height: 100%;
        }
    </style>

<script type="text/javascript">
    jQuery(document).ready(function () {
        $(document).mousemove(function (e) {
            $('.changes').val(e.pageX);
        });
    });
</script>

<asp:Image ID="Image1" runat="server" cssClass="changes style1"  ImageUrl="~/8.jpg"/>

jquery width: **%; で変更する方法 style1 == e.pageX

画像の幅は、クリックやページのリロードなしでマウスに追従します。

4

3 に答える 3

1 
jQuery(document).ready(function () {
    $(document).mousemove(function (e) {
        $('.changes').width(e.pageX);
    });
});
于 2012-09-18T10:16:47.803 に答える
1

スタイル val を変更する必要はありません。使用してスタイル幅属性値を変更するだけで済みます。$("element").width()

次のように実行できます。

<style type="text/css">
.style1
  {
    width: 50%; //must to be dynamically change == e.pageX
    height: 100%;
  }
</style>

<script type="text/javascript">
    jQuery(document).ready(function () {
        $(document).mousemove(function (e) {
            $('.changes').width(e.pageX);   // See the jQuery width [here][1]
        });
    });
</script>

<asp:Image ID="Image1" runat="server" cssClass="changes style1"  ImageUrl="~/8.jpg"/>
于 2012-09-18T10:22:31.467 に答える
0

これがあなたが望んでいたものだと思います：

jQuery(document).ready(function() {
    $(this).mousemove(function(e) {
        $('.style1').width(e.pageX);
    });
});

ここにフィドルがあります

于 2012-09-18T10:21:23.240 に答える