При наведении

Уникальные скрипты и статьи для uCoz

Скрипты для uCoz

Основные правила:

- Общаясь в сообщении максимум 2 слова нецензуры
- Создавайте темы соответственно названия форума

- Спам и реклама запрещена, ссылки пишите под спойлер
- Оформляйте темы "Красиво", оформления оцениваются репутацией

Страница 1 из 1 1
Модератор форума: Reslear

При наведении

remus

Дата: Среда, 2013-12-18, 16:04 | Сообщение # 1

Рядовой

Группа: Пользователи

Сообщений: 14

Награды: 0

Репутация: 0

Статус: Offline

При наведении (id search) (id search1) становиться видимый

Код

#search1 {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=00);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;}

<div id="search"> 
   <div id="searchbg">
    <div class="searchForm">
     <form>
      <div class="schQuery">
       <input class="queryField">
       <input>
       <div id='search1'>
        <input> 
       </div>
      </div>
     </form>
    </div>
   </div>
</div>

uMk0

Дата: Среда, 2013-12-18, 16:52 | Сообщение # 2

Рядовой

Группа: Супер-модератор

Сообщений: 7

Награды: 0

Репутация: 15

Статус: Offline

Код

$("#search").hover(function(){
$("#search1").show()
});

remus

Дата: Среда, 2013-12-18, 17:04 | Сообщение # 3

Рядовой

Группа: Пользователи

Сообщений: 14

Награды: 0

Репутация: 0

Статус: Offline

Не совсем понял...
Навел появилась убрал исчезла
и как подключить?

uMk0

Дата: Среда, 2013-12-18, 18:40 | Сообщение # 4

Рядовой

Группа: Супер-модератор

Сообщений: 7

Награды: 0

Репутация: 15

Статус: Offline

Код

<div id="search"> 
   <div id="searchbg">
    <div class="searchForm">
     <form>
      <div class="schQuery">
       <input class="queryField">
       <input>
       <div id='search1'>
        <input> 
       </div>
      </div>
     </form>
    </div>
   </div>
  </div>
<script>
$("#search").hover(function(){
  $("#search1").show()
  }, function(){
  $("#search1").hide()
});</script>

remus

Дата: Среда, 2013-12-18, 19:04 | Сообщение # 5

Рядовой

Группа: Пользователи

Сообщений: 14

Награды: 0

Репутация: 0

Статус: Offline

Смотри допустим я не навел на поле input, а нажал только тогда появилась кнопка, но если я убрал она исчезла, но если я ввел там текст то осталась, а не исчезло... так можно сделать?!

Добавлено (2013-12-18, 19:04)
---------------------------------------------
Если ты меня не понял то смотри зайди вконтакте в аудиозаписи и там поиск с правой стороны вот мне надо такой же эффект, сможешь сделать?

uMk0

Дата: Среда, 2013-12-18, 19:04 | Сообщение # 6

Рядовой

Группа: Супер-модератор

Сообщений: 7

Награды: 0

Репутация: 15

Статус: Offline

Код

<div id="search"> 
    <div id="searchbg">
     <div class="searchForm">
      <form>
       <div class="schQuery">
        <input class="queryField">
        <input>
        <div id='search1'>
         <input> 
        </div>
       </div>
      </form>
     </div>
    </div>
   </div>
  <script>
  $("#search").hover(function(){
   $("#search1").show()
   }, function(){ if(!$("#search1").val()){
   $("#search1").hide()
}
  });</script>

Если я все правильно понял то вот так)

remus

Дата: Среда, 2013-12-18, 19:08 | Сообщение # 7

Рядовой

Группа: Пользователи

Сообщений: 14

Награды: 0

Репутация: 0

Статус: Offline

Неа :-) у меня кстате не изменилось ничего :-D

Сообщение отредактировал remus - Среда, 2013-12-18, 19:09

ReSLeaR-