VPF::jquery, товар в корзину - Форум программистов

Snik

Дата 18.7.2014, 20:59 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 174
Регистрация: 16.8.2006

Репутация: нет
Всего: нет

Добрый день! Пытаюсь сделать чтобы картинка товара улетала вправо вверх, нашел код вот здесь http://stepasyuk.org.ua/polet-tovara-v-kor...imate-na-jquery, скопировал себе в форму(скрипты подключены), а оно не работает так как в примере, вроде дергается(т.е. видно что скрипт срабатывает), но картинка отрывается вправо всего лишь на сантиметр два. Подскажите как отрегулировать ?

весь код формы:

Код


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="AP_1.Pages.WebForm2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript" src="<%= ResolveUrl("~/Scripts/jquery-2.1.1.js") %>"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~/Scripts/jquery-2.1.1.min.js") %>"></script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <script type="text/javascript">
                $(document).ready(function () {
                    $("#fly").click(function () {
                        $("#target")
                         .clone()
                         .css({ 'position': 'absolute', 'z-index': '100' })
                         .appendTo("#fly")
                         .animate({
                             opacity: 0.5,
                             marginLeft: 700, /* Важно помнить, что названия СSS-свойств пишущихся  
                            через дефис заменяются на аналогичные в стиле "camelCase" */
                             width: 50,
                             height: 50
                         }, 700, function () {
                             $(this).remove();
                         });
                    });
                });
            </script>
            <div style="background: #ccc; padding: 10px 5px; height: 111px;">
                <button id="fly">Полетели!</button>
                <br/>
                <img src="http://stepasyuk.org.ua/wp-content/uploads/2011/07/103345.jpg" id="target" style="margin: 5px 0;"/>
            </div>
        </div>
    </form>
</body>
</html>

Snik

Дата 19.7.2014, 19:09 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 174
Регистрация: 16.8.2006

Репутация: нет
Всего: нет

я понял ошибку, это заключалось в type="button" для кнопки(пришлось добавить), иначе срабатывала просто перегрузка страницы и мне казалось что неправильно работает скрипт

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Общие вопросы по .NET и C# \| Следующая тема »