Member 13779417 Ответов: 0

Как я могу добавить scrolly текст jQuery для ASP.NET и разрешить VB.NET чтобы изменить сообщение?

Я только учусь, но у меня есть сайт, написанный на Asp.Net & VB.Net к которому я хочу добавить некоторый код "прокрутки текста". Я не хочу использовать "шатер", так как он не очень хорошо поддерживается. Мне нужно найти способ добавить код на мою страницу и иметь возможность прокручивать "метку", чтобы я мог программно изменять текст. Вот код, который я нашел на Codepen...

<div id="promo-notifications">
  <ul>  
    <li>**CURRENT PROMO** Buy 5 and get 1 free ~ Only for a limited time! 
    </li>
    <li>**CURRENT PROMO** Refer 20 friends and get a gift certificate for $100!</li>
  </ul>
</div>



jQuery(document).ready(function($) {
  var promoticker = function() {
  var window_width = window.innerWidth;
  var speed = 12 * window_width;
  $('#promo-notifications li:first').animate( {left: '-980px'}, speed, 
 'linear', function() {
  $(this).detach().appendTo('#promo-notifications ul').css('left', "100%");
  promoticker();
    });
  };
  if ($("#promo-notifications li").length > 1) {
    promoticker();
  }
});


html, body {margin:0; padding: 0; width: 100%;}
#promo-notifications{
    background: #F4A8BE;
    font-size: 18px;
  width: 100%;
  font-family: 'Helvetica-Neue', Helvetica, Arial, sans-serif;
}

#promo-notifications ul{
    width: 100%;
    height: 35px;
    position: relative;
    overflow: hidden;
}

#promo-notifications li{
    width: 980px;
    line-height: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 100%;
    text-align: center;
    list-style: none;
}


Я добавил код CSS в свой файл CSS, а затем поместил код HTML и JQuery только в свой файл CSS. Asp.Net передний конец, но это не работает...

После работы я хочу иметь возможность использовать с ним "метку" или иметь какой-то способ изменить текст из кода VB.

Большое спасибо за любую помощь вообще.

Что я уже пробовал:

<%@ Page Title="" Language="VB" MasterPageFile="~/Site2.master" AutoEventWireup="false" CodeFile="contact-us.aspx.vb" Inherits="contact_us" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">

jQuery(document).ready(function($) {
  var promoticker = function() {
    var window_width = window.innerWidth;
    var speed = 12 * window_width;
    $('#promo-notifications li:first').animate( {left: '-980px'}, speed, 'linear', function() {
      $(this).detach().appendTo('#promo-notifications ul').css('left', "100%");
      promoticker();
    });
  };
  if ($("#promo-notifications li").length > 1) {
    promoticker();
  }
});

<div id="promo-notifications">
    <ul>  
    <li>**CURRENT PROMO** Buy 5 and get 1 free ~ Only for a limited time!</li>
    <li>**CURRENT PROMO** Refer 20 friends and get a gift certificate for $100!</li>
  </ul>
</div>
</asp:Content>

0 Ответов