ГЛАВНАЯ     АРХИВ     НАПИСАТЬ АДМИНУ     ПОДПИСАТЬСЯ НА RSS     ВОЙТИ      

Поиск

Категории

Облако тегов

  << Предыдущий пост       Следующий пост >>  
От: peerAt
4. марта 2012 12:20

Допустим у вас есть множество ASP.NET Panel-ей или тегов div на вашей странице с различными стилями. Как бы вы выбрали некоторые классы стилей, оставив остальные на jQuery ? Дальше идет пример кода, который делает это:




<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<script src="Scripts/jquery-1.3.min.js" 

type="text/javascript">

</script>

<script type="text/javascript">

$(document).ready(function() {

$('.oneClass, .oneMoreClass').

removeClass('notReqClass').hover(

    function() {

        $(this).css({ background: "#C1DAD7" }); 

    },

    function() {

        $(this).css({ background: "#ffffff" }); 

     }

    ); 

});

 

</script>

 

<style type="text/css">

.oneClass

{

    font-style:italic;

}

.oneMoreClass

{

    font-weight:bold;

}

.notReqClass

{

    background:White;

}

 

</style>

</head>

<body>

<form id="form1" runat="server">

<div>

<asp:Panel ID="Panel1" runat="server" class="oneClass"> 

    Panel 1

</asp:Panel>

<asp:Panel ID="Panel2" runat="server" class="oneMoreClass">

    Panel 2

</asp:Panel>

<asp:Panel ID="Panel3" runat="server" class="oneClass">

    Panel 3

</asp:Panel>

<asp:Panel ID="Panel4" runat="server" class="notReqClass">

    Panel 4

</asp:Panel>

<asp:Panel ID="Panel5" runat="server" class="oneClass">

    Panel 5

</asp:Panel>

</div>

</form>

</body>

</html>



Это перевод. Оригинал здесь.

Похожие записи


Вышел jQuery Mobile Alpha 4
Оригинал статьи взят отсюда: Вышел jQuery Mobile Alpha 4 Автор (на хабре): yamalight Выпущена четвертая альфа версия мобильной версии популярного фреймворка jQuery Mobile. Как пишут сами разработчики — это последний альфа релиз. В новом релизе основной упор в работе был сделан на улучшение производительности, так же исправлено более 150 проблем из A3 и...

Использование Microsoft-овского CDN сервиса на jQuery
Microsoft создал Microsoft Ajax CDN (сеть доставки контента), которая предлагает поддержку кэширования для Ajax библиотек. CDN содержит копии данных, помещенные в разных местах земного шара для максимизации скорости доставки. Например, если ваш вебсайт хостится в Australia, но пользователь пришел из Великобретании, то данные могут путешествовать между двумя э...

Вышла первая бета-версия jQuery 1.6
Оригинал статьи взят отсюда: Вышла первая бета-версия jQuery 1.6 Автор (на хабре): Mithgol В официальном блоге jQuery выложена новость о том, что близится появление jQuery 1.6 и, стало быть, бета-версия позволит всем желающим заранее проверить совместимость нового кода со своими приложениями, убедиться в отсутствии проблем, при&...

Добавить комментарий




biuquote
  • Комментарий
  • Предпросмотр
Loading


  Сохранить комментарий