ЭФФЕКТ ФОКУСИРОВКИ НА ИЗОБРАЖЕНИИ
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 |