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

Поиск

Категории

Облако тегов

acer ado.net amd asp.net c sharp c# cms css exceptions google html ipad iphone it бизнес javascript jquery linq microsoft mysql net nokia nokia lumia samsung seo silverlight sql surface tsql windows 8 windows blue windows phone windows rt xna безопасность библиотека вопросы на собеседовании интересные проекты интернет интернет магазин исключения книга книги компьютерная безопасность компьютерные игры контролы курсы по программированию логированние исключений мобильные приложения монетизация сайтов наушники новости новости it новости microsoft новости интернет новости технологий ноутбук ноутбуки обработка исключений оптимизация острова периферия планшет планшеты поддержка сайтов поисковое продвижение программы продвижение продвижение сайта продвижение сайтов рабство разработка игр разработка сайтов раскрутка сайта рекламные технологии смартфон смартфоны собеседование создание сайтов средства разработки туризм фриланс хостинг яндекс
  << Предыдущий пост       Следующий пост >>  
От: 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


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