Главная » Статьи » Скрипты для uCoz » Эффекты с изображениями

ЭФФЕКТ ФОКУСИРОВКИ НА ИЗОБРАЖЕНИИ
ЭФФЕКТ ФОКУСИРОВКИ НА ИЗОБРАЖЕНИИ
  • HTML

     

    CSS

  • Описание CSS

    /*
    #focus {width:780px; height:380px; overflow:hidden; position:relative;}
    #focus ul {height:380px; position:absolute;}
    #focus ul li {float:left; width:780px; height:380px; overflow:hidden; position:relative; background:#000;}
    #focus ul li div {position:absolute; overflow:hidden;}
    #focus .btnBg {position:absolute; width:780px; height:40px; left:0; bottom:0; background:#000;}
    #focus .btn {position:absolute; width:770px; height:24px; left:0; bottom:8px; padding-left:10px;}
    #focus .btn span {display:inline-block; _display:inline; _zoom:1; width:24px; height:24px; line-height:24px; text-align:center; font-size:20px; font-family:"Microsoft YaHei",SimHei; margin-right:10px; cursor:pointer; color:#fff;}
    #focus .btn span.on {background:#000; color:#fcc;}

    Скрипт

  • Подключаем jQuery и скрипт:

    
    
     
  • ПРОЧЕЕ ОПИСАНИЕ

  • _x_Polus1 _x_Polus2 _x_Polus3 _x_Polus4 _x_Polus5 _x_Polus6 _x_Polus7 _x_Polus8 _x_Polus9
      
    Категория: Эффекты с изображениями | Добавил: arm199 (28.02.2016)
    Просмотров: 395 | Рейтинг: 3.0/1
    Всего комментариев: 0
    avatar
    ▲ Вверх