X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Помогите плис с чудо ссылкой)
zeniazik
zeniazik
Topic Starter сообщение 22.8.2010, 2:24; Ответить: zeniazik
Сообщение #1


Всем привет!
Вот как-то сильно и не задумывался, как сделать ссылку картинкой, да и + еще, чтоб при наведении на это чудо оно заменялось другим изображением, идентичным, но чуть темнее или другого цвета, как бы подсветить... Но когда коснулось дело, то у меня какой-то стопор :eek: Пробовал и через a.hover и т.д но абломус, так понял что походу это надо делать на Jquery но как, мой первый вопрос?? К сожалению, знаю только пару приёмов с Jquery:
$('#linkr1').click(function()
$('#registr1').toggle();
$('#registr2').slideUp();
$('#registr2').slideDown();

Ну и ещё пару...
Вот а как сделать то что я задумал даже и не знаю, помогите пожалуйста :rolleyes:
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 22.8.2010, 9:13; Ответить: locky-yotu
Сообщение #2


zeniazik, угу, на jQuery конечно)) Почему его лепят уже везде, куда ни попадя?.. Как люди вообще без jQuery что-то делали? :rolleyes:
<a href="#" id="my_link">Click!</a>

<style type="text/css">
#my_link {display:block;width:203px;height:31px;background:url('http://www.html.by/images/top_html.jpg');color:#5f5;font:bold 17px/31px Tahoma;text-align:center}
#my_link:hover {background-position:0 -31px}
#my_link:active {background-position:0 -62px}
</style>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 22.8.2010, 9:46; Ответить: Arks
Сообщение #3


Как люди вообще без jQuery что-то делали? :rolleyes:

Долго и безрадостно :D а тут всего пара десятков кБ чистейшего счастья :evrika:А еще его можно потрошить выбирая только самое ценное :spiteful:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 22.8.2010, 11:19; Ответить: Alcorn
Сообщение #4


Пример драгэндропа на сайте jquery - 260Кб скриптов, jquery.min.js (70Кб), jquery-ui.min.js (190Кб).

Многие заграничные разработчики не обращают внимания на размер сайтов, оно и ясно, интернет у них хороший. Сайты весом больше мегабайта там впорядке вещей.

Потрошить выбирая ценное - для супер пупер фанатов javascript, любящих поковыряться в чужом коде. Начинаешь вытаскивать одно, цепляется за второе, второе цепляется за третье и так вытаскиваешь весь jquery :) За это время быстрее сам реализуешь что хотел.

В jquery плюс - быстрота разработки, не нужно вручную писать скрипты, минус - вес (килобайты ненужного кода).
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 22.8.2010, 11:55; Ответить: Arks
Сообщение #5


Начинаешь вытаскивать одно, цепляется за второе, второе цепляется за третье и так вытаскиваешь весь jquery :) За это время быстрее сам реализуешь что хотел.
Ну не скажи, один из примеров - надо был на сайт прикрутить переработанный JQuery плагин, причем он активно использовал метод replaceWith(). На сайте версальщик использовал версию 1.2.3, получил денюжку и благополучно слился. В ней поддержки replaceWith не было еще, а с версией 1.4.2 половина сайта начинает себя вести подозрительно. Как итог варианты:
1. Переделывать половину скриптов отвечающих за работу верстки под 1.4.2 чтоб не глючило
2. Долго мучиться с js реализуя метод replaceWith или писать весь плагин с нуля на js

И только один правильный - вытащить метод replaceWith из версии 1.4.2 и засунуть отдельным скриптом. на сайт

replaceWith = function( value ) {
if ( this[0] && this[0].parentNode ) {
// Make sure that the elements are removed from the DOM before they are inserted
// this can help fix replacing a parent with child elements
if ( jQuery.isFunction( value ) ) {
return this.each(function(i) {
var self = jQuery(this), old = self.html();
self.replaceWith( value.call( this, i, old ) );
});
}

if ( typeof value !== "string" ) {
value = jQuery(value).detach();
}

return this.each(function() {
var next = this.nextSibling, parent = this.parentNode;

jQuery(this).remove();

if ( next ) {
jQuery(next).before( value );
} else {
jQuery(parent).append( value );
}
});
} else {
return this.pushStack( jQuery(jQuery.isFunction(value) ? value() : value), "replaceWith", value );
}
}


А тот же drag&drop в примитивном исполнении можно и в 5 кБ уместить, другое дело в функционале...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Flok
Flok
сообщение 22.8.2010, 12:28; Ответить: Flok
Сообщение #6


(zeniazik @ 22.8.2010, 05:24) *
ссылку картинкой, да и + еще, чтоб при наведении на это чудо оно заменялось другим изображением, идентичным, но чуть темнее или другого цвета


ёёё, как у вас всё запущено то ))

.chudo img{
display:inherit;
}
.chudo img:first-child  {
display:none;
}
.chudo:hover img{
display:none;
}
.chudo:hover img:first-child  {
display:inherit;
}
<span class="chudo">
<a href="#"><img src="первая картинка">
<img src="вторая картинка"></a>

</span>
даже без яваскрипта. работает и в ие 7+ версии.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 22.8.2010, 12:47; Ответить: locky-yotu
Сообщение #7


Да никто не против jQuery как такового. Просто смущает стремление некоторых товарищей ездить в булочную за углом на танке)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 22.8.2010, 12:49; Ответить: Arks
Сообщение #8


Чур не кидаться тапками.. предлагаю еще два извратных но эффективных варианта

1. Перевести в <canvas> и работать с массивом пикселей.

2. Перевести в flash и
На mouseOver:
MovieClip1.filters = [new flash.filters.GlowFilter(0x000000, 1, 50.0, 50.0, 1, 1, true, false)];

На mouseOut:
MovieClip1.filters = [];
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 22.8.2010, 12:51; Ответить: locky-yotu
Сообщение #9


Arks, ну вот примерно об этом я и говорил в предыдущем посте)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 22.8.2010, 12:53; Ответить: Arks
Сообщение #10


в булочную за углом на танке)

не ну 70кБ можно себе позволить, авось пригодится еще для чего-нибудь..
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыСемантическое чудо-ядро. Недорого и быстро, грамотно и качественно!
477 MaraFet 306817 4.3.2024, 13:54
автор: MaraFet
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 692 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Размещу статью с ссылкой на ваш ресурс
Донор: ИКС : 38000, Page Rank = 5.94 (xPR), Траст = 10
6 Курыкин 3109 5.11.2023, 2:55
автор: AndrePro
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1695 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Помогите кто нибудь получить партнерку Росбанк!
7 heisenberg_mw 2315 7.8.2020, 9:28
автор: heisenberg_mw


 



RSS Текстовая версия Сейчас: 29.3.2024, 16:52
Дизайн